Add icons to this collection by clicking the heart icon.
Flip Flops icon - also known as fashion, footwear, sandals, slippers, flip flops, and highlight stories. Created in a clean color style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 510 510"
>
<linearGradient id="a">
<stop offset="0" stop-color="#ffd945" />
<stop offset=".304" stop-color="#ffcd3e" />
<stop offset=".856" stop-color="#ffad2b" />
<stop offset="1" stop-color="#ffa325" />
</linearGradient>
<linearGradient
id="f"
x1="62.785"
x2="236.377"
y1="259.156"
y2="297.363"
gradientTransform="rotate(-6.78 143.477 270.036)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#ffa936" />
<stop offset=".411" stop-color="#ff8548" />
<stop offset=".778" stop-color="#ff6c54" />
<stop offset="1" stop-color="#ff6359" />
</linearGradient>
<linearGradient
id="g"
x1="34.169"
x2="220.906"
y1="70.327"
y2="155.783"
gradientTransform="rotate(-6.78 143.477 270.036)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="6.51"
x2="224.281"
y1="159.388"
y2="259.046"
gradientTransform="rotate(-6.78 143.477 270.036)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="30.349"
x2="198.297"
y1="279.803"
y2="356.661"
gradientTransform="rotate(-6.78 143.477 270.036)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="35.984"
x2="201.832"
y1="389.86"
y2="465.756"
gradientTransform="rotate(-6.78 143.477 270.036)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#f82814" stop-opacity="0" />
<stop offset="1" stop-color="#c0272d" />
</linearGradient>
<linearGradient
id="k"
x1="93.509"
x2="-232.911"
y1="263.784"
y2="176.572"
gradientTransform="rotate(-6.78 143.477 270.036)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="166.87"
x2="85.04"
y1="264.735"
y2="127.112"
gradientTransform="rotate(-6.78 143.477 270.036)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="171.49"
x2="329.717"
y1="282.878"
y2="316.517"
gradientTransform="rotate(-6.78 143.477 270.036)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="205.319"
x2="138.861"
y1="175.353"
y2="108.895"
gradientTransform="rotate(-6.78 143.477 270.036)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#cdec7a" />
<stop offset=".216" stop-color="#b0e995" />
<stop offset=".561" stop-color="#87e4bb" />
<stop offset=".835" stop-color="#6ee1d2" />
<stop offset="1" stop-color="#65e0db" />
</linearGradient>
<linearGradient
id="o"
x1="94.163"
x2="156.609"
y1="124.691"
y2="292.515"
gradientTransform="rotate(-6.78 143.477 270.036)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#cdec7a" stop-opacity="0" />
<stop offset=".235" stop-color="#9ad57d" stop-opacity=".235" />
<stop offset=".604" stop-color="#51b482" stop-opacity=".604" />
<stop offset=".868" stop-color="#239f85" stop-opacity=".868" />
<stop offset="1" stop-color="#119786" />
</linearGradient>
<linearGradient
id="p"
x1="207.645"
x2="156.456"
y1="179.004"
y2="127.815"
gradientTransform="rotate(-6.78 143.477 270.036)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="q"
x1="143.261"
x2="170.783"
y1="113.293"
y2="140.816"
gradientTransform="rotate(-6.78 143.477 270.036)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="r"
x1="300.807"
x2="484.367"
y1="203.33"
y2="282.235"
gradientTransform="rotate(7.25 349.89 254.733)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="360.592"
x2="516.742"
y1="70.605"
y2="131.238"
gradientTransform="rotate(7.25 349.89 254.733)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="t"
x1="325.889"
x2="482.039"
y1="159.978"
y2="220.611"
gradientTransform="rotate(7.25 349.89 254.733)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="u"
x1="290.009"
x2="446.159"
y1="252.38"
y2="313.013"
gradientTransform="rotate(7.25 349.89 254.733)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="v"
x1="252.614"
x2="408.764"
y1="348.686"
y2="409.318"
gradientTransform="rotate(7.25 349.89 254.733)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="w"
x1="309.061"
x2="-84.637"
y1="210.937"
y2="70.153"
gradientTransform="rotate(7.25 349.89 254.733)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="x"
x1="396.812"
x2="283.651"
y1="242.634"
y2="45.534"
gradientTransform="rotate(7.25 349.89 254.733)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="y"
x1="394.834"
x2="556.798"
y1="235.57"
y2="255.504"
gradientTransform="rotate(7.25 349.89 254.733)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="z"
x1="447.518"
x2="315.537"
y1="176.379"
y2="44.398"
gradientTransform="rotate(7.25 349.89 254.733)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="A"
x1="291.279"
x2="353.726"
y1="80.075"
y2="247.899"
gradientTransform="scale(-1 1) rotate(-7.35 -1.122 5722.24)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="B"
x1="403.163"
x2="346.938"
y1="133.904"
y2="77.678"
gradientTransform="rotate(7.25 349.89 254.733)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="C"
x1="362.113"
x2="389.636"
y1="70.069"
y2="97.593"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<path
fill="url(#f)"
d="M232.236 378.903c-14.904-25.162-16.745-55.8-4.465-82.342 13.867-29.974 19.924-67.766 15.143-107.768-10.48-87.686-69.064-152.783-130.853-145.399S8.679 127.85 19.159 215.536c3.116 26.071 10.485 50.145 20.926 70.911 21.079 41.922 31.277 88.204 30.495 135.12a87.819 87.819 0 0 0 .852 13.718c6.661 47.238 49.444 79.935 96.782 74.025 47.394-5.917 81.157-49.023 75.482-96.505-1.479-12.375-5.493-23.827-11.46-33.902z"
/>
<path
fill="url(#g)"
d="M227.278 129.322 20.34 154.054c3.647-22.08 10.753-42.202 20.631-59.08l152.334-18.206c13.576 14.075 25.224 31.955 33.973 52.554z"
/>
<path
fill="url(#h)"
d="M242.918 188.798c1.997 16.713 2.102 33.025.532 48.545L30.079 262.844c-5.184-14.713-8.927-30.603-10.923-47.303a239.719 239.719 0 0 1-.807-7.909l223.49-26.71c.398 2.599.763 5.228 1.079 7.876z"
/>
<path
fill="url(#i)"
d="M227.766 296.559c-7.835 16.96-9.914 35.577-6.507 53.377l-154.56 18.472c-3.09-18.715-7.996-37.088-14.724-54.854l177.669-21.234a142.044 142.044 0 0 1-1.878 4.239z"
/>
<path
fill="url(#j)"
d="M243.692 412.803c1.91 15.983-.643 31.471-6.693 45.205L88.203 475.791c-8.668-11.424-14.619-25.205-16.774-40.506a87.483 87.483 0 0 1-.848-13.713c.001-.1.003-.188.003-.289l170.84-20.418a88.358 88.358 0 0 1 2.268 11.938z"
/>
<path
fill="url(#k)"
d="M222.609 372.616c-13.396-23.577-15.197-52.199-4.413-76.92 12.179-27.918 17.367-63.178 12.899-100.559-9.793-81.943-62.27-143.048-117.21-136.481S22.347 136.972 32.14 218.915c2.912 24.364 9.597 46.885 18.998 66.333 18.98 39.262 28.302 82.537 27.857 126.347a86.004 86.004 0 0 0 .832 12.815c6.179 44.149 44.422 74.913 86.512 69.646 42.139-5.272 71.951-45.347 66.648-89.719-1.382-11.565-5.015-22.281-10.378-31.721z"
/>
<path
fill="url(#l)"
d="M243.12 437.435a86.814 86.814 0 0 0 .576-24.63c-1.479-12.375-5.493-23.827-11.46-33.902-14.904-25.162-16.745-55.8-4.465-82.342 13.867-29.974 19.924-67.766 15.143-107.768a230.084 230.084 0 0 0-1.678-11.523l-84.092-66.137c-5.2-5.095-12.322-7.923-19.691-7.672-8.608.294-16.595 6.738-21.38 13.891 0 0-88.965 134.515-89.05 134.652 2.242 7.939 3.897 13.586 6.911 20.908z"
/>
<path
fill="url(#m)"
d="M227.771 296.562c13.867-29.974 19.924-67.766 15.143-107.768-9.306-77.868-56.549-137.916-110.283-145.216 35.961 23.828 63.876 71.886 70.799 129.808 4.781 40.002-1.276 77.793-15.143 107.768-12.279 26.541-10.438 57.18 4.465 82.342 5.967 10.074 9.981 21.526 11.46 33.902 5.675 47.482-28.088 90.588-75.482 96.505a88.137 88.137 0 0 1-21.834.02c17.101 12.197 38.683 18.215 61.318 15.389 47.394-5.917 81.157-49.023 75.482-96.505-1.479-12.375-5.493-23.827-11.46-33.902-14.904-25.163-16.745-55.802-4.465-82.343z"
/>
<path
fill="url(#n)"
d="M134.198 100.711c-13.607 1.626-22.32 12.976-20.694 26.583.894 7.48 4.039 13.768 9.84 17.657l119.903 94.302c1.77-16.096 1.745-33.068-.334-50.46a228.597 228.597 0 0 0-2.202-14.442l-86.799-68.267c-5.147-4.721-12.234-6.267-19.714-5.373z"
/>
<path
fill="url(#o)"
d="M235.352 250.495c-5.262.629-10.713-1.445-14.188-5.945l-82.548-106.879-86.457 129.238c-4.783 7.149-14.453 9.068-21.603 4.285-7.149-4.782-9.067-14.454-4.285-21.603l89.803-134.238a26.878 26.878 0 0 1 21.38-11.891 26.881 26.881 0 0 1 22.137 10.41l86.224 111.64c5.258 6.807 4.001 16.587-2.806 21.844a15.494 15.494 0 0 1-7.657 3.139z"
/>
<path
fill="url(#p)"
d="m244.362 223.631-84.771-109.759a26.882 26.882 0 0 0-22.137-10.41 26.878 26.878 0 0 0-21.38 11.891l-3.421 5.114a24.813 24.813 0 0 0-.148 6.828c.894 7.48 5.039 13.768 10.84 17.657l6.815 5.36 8.456-12.64 37.955 49.142 66.676 52.44c.564-5.121.924-10.339 1.115-15.623z"
/>
<circle cx="137.143" cy="124.35" r="24.814" fill="url(#q)" />
<path
fill="url(#r)"
d="M276.055 335.076c15.129-25.027 17.245-55.648 5.205-82.298-13.598-30.098-19.315-67.942-14.175-107.899C278.351 57.29 337.518-7.279 399.238.66s102.619 85.38 91.353 172.968c-3.35 26.042-10.934 50.049-21.561 70.72-21.454 41.731-32.068 87.92-31.708 134.841a87.696 87.696 0 0 1-.976 13.71c-7.085 47.176-50.16 79.488-97.443 73.153-47.339-6.342-80.713-49.75-74.612-97.179 1.59-12.362 5.707-23.777 11.764-33.797z"
/>
<path
fill="url(#s)"
d="M469.862 52.876 317.698 33.302c-13.703 13.952-25.511 31.727-34.444 52.247l206.708 26.589c-3.449-22.112-10.374-42.297-20.1-59.262z"
/>
<path
fill="url(#t)"
d="M491.472 165.731 268.23 137.015c-.422 2.596-.81 5.222-1.15 7.866-2.147 16.694-2.399 33.004-.968 48.539l213.133 27.416c5.316-14.666 9.202-30.521 11.348-47.203.341-2.645.63-5.283.879-7.902z"
/>
<path
fill="url(#u)"
d="M281.264 252.775c7.683 17.029 9.594 35.665 6.027 53.433l154.388 19.859c3.258-18.687 8.329-37.015 15.216-54.72l-177.471-22.829a141.336 141.336 0 0 0 1.84 4.257z"
/>
<path
fill="url(#v)"
d="m437.32 378.905-170.65-21.951a88.386 88.386 0 0 0-2.374 11.917c-2.054 15.965.36 31.475 6.287 45.264l148.63 19.119c8.77-11.345 14.844-25.072 17.137-40.354a87.711 87.711 0 0 0 .972-13.705c-.001-.101-.003-.19-.002-.29z"
/>
<path
fill="url(#w)"
d="M285.738 328.875c13.607-23.456 15.666-52.061 5.104-76.877-11.928-28.026-16.798-63.331-11.995-100.671 10.529-81.851 63.552-142.483 118.43-135.423s90.831 79.135 80.302 160.987c-3.13 24.337-10.018 46.797-19.593 66.159-19.332 39.09-29.042 82.28-28.99 126.092a86.121 86.121 0 0 1-.947 12.807c-6.575 44.092-45.093 74.511-87.134 68.867-42.09-5.651-71.541-45.992-65.84-90.314 1.486-11.553 5.215-22.236 10.663-31.627z"
/>
<path
fill="url(#x)"
d="M487.316 192.695 394.58 72.579a26.88 26.88 0 0 0-21.272-12.083c-8.598-.37-16.908 5.448-22.23 12.211l-85.757 108.997c.236 8.685.99 15.17 2.221 23.398l162.301 210.22a87.845 87.845 0 0 0 6.502-22.424 87.809 87.809 0 0 0 .976-13.71c-.36-46.922 10.253-93.11 31.708-134.841 7.979-15.519 14.243-32.921 18.287-51.652z"
/>
<path
fill="url(#y)"
d="M490.59 173.628c9.697-75.387-19.252-143.253-66.857-165.761 28.121 32.062 42.825 84.674 35.506 141.578-3.35 26.042-10.934 50.049-21.561 70.72-21.454 41.731-32.068 87.919-31.708 134.841a87.696 87.696 0 0 1-.976 13.71c-7.084 47.176-50.16 79.488-97.443 73.153a86.778 86.778 0 0 1-24.378-6.995c13.468 16.504 32.977 28.13 55.729 31.178 47.283 6.335 90.358-25.977 97.443-73.153a87.809 87.809 0 0 0 .976-13.71c-.36-46.922 10.253-93.11 31.708-134.841 10.627-20.671 18.211-44.677 21.561-70.72z"
/>
<path
fill="url(#z)"
d="M394.418 68.15c-3.812-6.038-10.187-9.393-17.822-10.375-13.592-1.748-25.028 6.853-26.777 20.445-.984 7.653.63 14.938 5.527 20.157l113.379 146.585c.104-.203.199-.41.304-.614 8.475-16.484 15.006-35.095 19.006-55.163z"
/>
<path
fill="url(#A)"
d="M274.092 206.645c5.257.676 10.726-1.349 14.241-5.817l83.504-106.133 85.293 130.009c4.718 7.191 14.371 9.198 21.564 4.478 7.191-4.718 9.197-14.372 4.478-21.564L394.58 72.579a26.88 26.88 0 0 0-21.272-12.083 26.885 26.885 0 0 0-22.23 10.211l-87.223 110.861c-5.319 6.759-4.15 16.55 2.61 21.869a15.495 15.495 0 0 0 7.627 3.208z"
/>
<path
fill="url(#B)"
d="M483.398 208.001c-.078-.127-.143-.258-.225-.384L394.58 72.579a26.88 26.88 0 0 0-21.272-12.083 26.885 26.885 0 0 0-22.23 10.211l-.105.133a24.791 24.791 0 0 0-2.154 7.38c-.984 7.653 1.63 14.938 6.527 20.157l6.738 8.712 9.752-12.395 85.293 130.009c4.012 6.115 11.588 8.463 18.19 6.133 3.075-7.288 5.77-14.923 8.079-22.835z"
/>
<circle cx="373.43" cy="81.386" r="24.814" fill="url(#C)" />
</svg>
More icons in the same style and category