Add icons to this collection by clicking the heart icon.
Dancing icon - also known as animals, happy, party, fun, dancing, unicorn, fantasy, legend, smileys, folklore, and fairy tale. Created in a clean gradient style with a white, silver, gray, navy, orange, and pink finish, 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 502 502"
>
<linearGradient id="a">
<stop offset="0" stop-color="#7ed99e" />
<stop offset=".253" stop-color="#81daa3" />
<stop offset=".573" stop-color="#88ddb3" />
<stop offset=".926" stop-color="#95e2cd" />
<stop offset="1" stop-color="#98e3d3" />
</linearGradient>
<linearGradient
id="g"
x1="-32.914"
x2="-134.358"
y1="362.882"
y2="362.882"
gradientTransform="matrix(-1 0 0 1 301.538 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#cdd4d4" />
<stop offset="1" stop-color="#f3f3f3" />
</linearGradient>
<linearGradient
id="h"
x1="198.678"
x2="198.678"
y1="368.65"
y2="479.413"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="276.773"
x2="276.773"
y1="359.667"
y2="478.182"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#e08243" />
<stop offset="1" stop-color="#f0bb78" />
</linearGradient>
<linearGradient
id="j"
x1="327.019"
x2="275.609"
y1="467.744"
y2="467.744"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="144.569"
x2="89.977"
y1="324.547"
y2="324.547"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="74.819"
x2="74.819"
y1="375.856"
y2="329.698"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#b39bdb" />
<stop offset="1" stop-color="#d0c3e8" />
</linearGradient>
<linearGradient
id="m"
x1="-36.503"
x2="-153.941"
y1="164.917"
y2="164.917"
gradientTransform="matrix(-1 0 0 1 301.538 0)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="n"
x1="49.238"
x2="49.238"
y1="92.249"
y2="11.219"
gradientTransform="matrix(-1 0 0 1 301.538 0)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="o"
x1="140.691"
x2="140.691"
y1="127.175"
y2="46.107"
gradientTransform="matrix(-1 0 0 1 302 0)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="p"
x1="66.127"
x2="66.127"
y1="247.148"
y2="416.748"
gradientTransform="matrix(-1 0 0 1 301.538 0)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#d9e0e0" />
<stop offset="1" stop-color="#f3f3f3" />
</linearGradient>
<linearGradient
id="q"
x1="324.066"
x2="324.066"
y1="348.542"
y2="291.789"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="r"
x1="-114.994"
x2="196.803"
y1="195.899"
y2="195.899"
gradientTransform="matrix(-1 0 0 1 301.538 0)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient id="f">
<stop offset="0" stop-color="#f4d952" />
<stop offset="1" stop-color="#f9edaf" />
</linearGradient>
<linearGradient
id="s"
x1="64.4"
x2="164.446"
y1="105.045"
y2="105.045"
gradientTransform="matrix(-1 0 0 1 302 0)"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="t"
x1="63.935"
x2="143.84"
y1="66.227"
y2="66.227"
gradientTransform="matrix(-1 0 0 1 301.538 0)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec6f80" />
<stop offset="1" stop-color="#eca0aa" />
</linearGradient>
<linearGradient
id="u"
x1="79.604"
x2="141.238"
y1="26.819"
y2="26.819"
gradientTransform="matrix(-1 0 0 1 301.538 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="v"
x1="-5.031"
x2="-5.031"
y1="178.432"
y2="82.473"
gradientTransform="matrix(-1 0 0 1 302 0)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="w"
x1="435.902"
x2="435.902"
y1="232.57"
y2="126.995"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="x"
x1="66.098"
x2="66.098"
y1="134.965"
y2="29.389"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#74d2e8" />
<stop offset="1" stop-color="#baeaf5" />
</linearGradient>
<linearGradient
id="y"
x1="380.239"
x2="380.239"
y1="352.015"
y2="305.449"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="z"
x1="217.224"
x2="166.243"
y1="482.144"
y2="482.144"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<path
fill="url(#g)"
d="M324.193 411.734c-27.594-12.867-39.532-45.667-26.665-73.261s45.667-39.532 73.261-26.665c23.78 11.089 37.604 38.299 65.076 39.694 9.562.486 15.297 10.929 10.137 18.993-30.46 47.603-86.29 57.802-121.809 41.239z"
/>
<g fill="#a7f2d2">
<path
d="M366.213 408.981c-5.061 0-9.402-3.827-9.936-8.971-.568-5.493 3.424-10.408 8.917-10.977a67.559 67.559 0 0 0 9.88-1.795c5.346-1.38 10.801 1.839 12.18 7.187s-1.839 10.801-7.188 12.18a87.756 87.756 0 0 1-12.811 2.322c-.35.036-.698.054-1.042.054zM410.069 390.934a9.98 9.98 0 0 1-7.797-3.732c-3.462-4.303-2.78-10.598 1.522-14.06a77.675 77.675 0 0 0 11.721-11.726c3.47-4.298 9.767-4.967 14.062-1.501 4.298 3.469 4.97 9.765 1.501 14.063a97.729 97.729 0 0 1-14.746 14.748 9.966 9.966 0 0 1-6.263 2.208z"
/>
</g>
<path
fill="url(#h)"
d="M234.814 378.035c-7.823-11.953-23.855-15.301-35.811-7.477-4.001 2.619-14.627 9.575-27.376 43.391-5.81 15.411-10.499 32.515-13.313 48.339 5.589 11.812 35.541 20.971 50.823 9.636 4.814-28.119 15.817-53.502 20.32-59.622 10.206-8.249 12.697-23.053 5.357-34.267z"
/>
<path
fill="url(#i)"
d="M275.609 475.45c20.459-1.103 35.088-13.162 40.918-31.65-14.674-17.941-29.191-37.042-27.723-59.292.94-14.255-9.854-26.574-24.11-27.514-14.272-.949-26.576 9.855-27.515 24.109-2.485 37.674 24.747 76.96 38.43 94.347z"
/>
<path
fill="url(#j)"
d="M316.527 443.8c-13.636 4.68-31.64 18.736-40.918 31.65a252.097 252.097 0 0 0 5.536 6.79c9.255 10.959 25.334 12.681 36.405 3.604 11.048-9.057 12.662-25.357 3.604-36.405-1.531-1.868-3.08-3.747-4.627-5.639z"
/>
<path
fill="url(#k)"
d="M184.007 303.771c-5.944-12.991-21.293-18.706-34.285-12.762-19.402 8.877-49.081 8.373-77.879 25.755-2.641 18.301 12.814 37.151 27.851 43.671 19.922-11.368 45.362-10.398 71.551-22.379 12.992-5.943 18.705-21.293 12.762-34.285z"
/>
<path
fill="url(#l)"
d="M71.843 316.764a106.793 106.793 0 0 0-12.392 8.733c-11.066 9.037-12.71 25.333-3.673 36.398 9.036 11.064 25.33 12.711 36.398 3.673a54.576 54.576 0 0 1 7.518-5.133c-2.698-16.879-17.808-36.105-27.851-43.671z"
/>
<path
fill="url(#m)"
d="M257.293 142.838c-.127-40.31 32.819-74.415 73.129-74.425 40.407-.009 73.167 32.744 73.167 73.149 0 12.644.124 37.733 20.09 49.388 18.583 10.848 18.709 37.85.255 48.915-40.092 24.039-98.564 32.676-145.75 1.051 0 0-20.658-23.631-20.891-98.078z"
/>
<circle cx="252.3" cy="85.424" r="73.149" fill="url(#n)" />
<path
fill="url(#o)"
d="M137.658 50.347c21.419-7.796 57.213 24.363 66.634 62.408 5.479 22.125-5.811 38.06-27.23 45.855-21.419 7.796-40.31 2.846-50.334-17.624-17.237-35.2-10.489-82.843 10.93-90.639z"
/>
<path
fill="url(#p)"
d="M180.991 256.57c-66.592 64.665-57.884 130.25-39.443 149.689s48.662 28.237 93.863 28.237 75.423-8.799 93.863-28.237c18.441-19.439 27.149-85.024-39.443-149.689z"
/>
<path
fill="url(#q)"
d="M354.711 339.33c15.435-11.681 25.529-25.826 26.767-44.47-32.521-16.449-58.529-18.606-90.677-16.459-14.255.952-25.039 13.281-24.086 27.535.953 14.255 13.29 25.037 27.535 24.086 23.777-1.587 39.719-.536 60.461 9.308z"
/>
<path
fill="url(#r)"
d="M38.116 220.671c2.907 55.557 44.964 85.703 155.963 85.703S345.733 262.813 345.733 199.7 302.898 85.424 219.142 85.424 34.397 149.605 38.116 220.671z"
/>
<path
fill="url(#s)"
d="M235.318 99.295c1.464 14.504-15.227 29.205-38.146 33.246-23.601 4.161-44.865-4.555-47.494-19.469-1.599-9.071-2.132-21.212-1.638-34.174 31.111-5.912 55.555-1.472 87.278 20.397z"
/>
<path
fill="#fcb500"
d="M202.217 101.667c1.909-.942 3.378-1.918 4.39-2.751a98.757 98.757 0 0 0-.835-3.235c9.751-.865 17.556-.663 29.544 3.613 1.064 10.54-7.455 21.183-20.988 27.764-8.365 4.068-18.304-1.027-19.919-10.188l-.016-.092c-1.098-6.223 2.156-12.312 7.824-15.111z"
/>
<path
fill="url(#t)"
d="M153.97 33.503c22.625-1.551 44.736 1.639 65.921 20.134 7.433 15.958 13.137 32.366 15.253 44.365.076.431.132.861.175 1.293-26.344-1.89-56.706-7.499-87.279-20.396.578-15.213 2.575-31.551 5.93-45.396z"
/>
<path
fill="#e05d6f"
d="M206.346 56.554c7.148-2.838 15.262.588 18.2 7.696 5.123 12.395 8.95 24.409 10.597 33.753.076.43.13.862.173 1.293a296.579 296.579 0 0 1-29.544-3.614c-1.673-6.12-4.181-13.278-7.224-20.649-2.999-7.264.494-15.579 7.798-18.479z"
/>
<path
fill="url(#u)"
d="M153.97 33.503c4.364-18.01 11.024-31.794 19.858-33.352 13.756-2.426 32.703 24.805 46.063 53.486-20.875-3.046-43.594-9.091-65.921-20.134z"
/>
<path
fill="url(#v)"
d="M330.682 51.382c-21.419-7.796-57.213 24.363-66.634 62.408-5.479 22.125 5.811 38.06 27.229 45.855s40.31 2.846 50.334-17.625c17.238-35.199 10.489-82.842-10.929-90.638z"
/>
<ellipse cx="84.138" cy="212.649" fill="#eaadcd" rx="14.936" ry="12.003" />
<ellipse cx="259.91" cy="212.649" fill="#eaadcd" rx="14.936" ry="12.003" />
<path
fill="#fff"
d="M109.745 186.997c7.183 0 13.813 1.589 19.159 4.273 4.544 2.281 9.962-.801 10.365-5.87a30 30 0 0 0 .029-4.348c-.991-15.146-13.602-27.24-28.775-27.629-16.713-.428-30.396 12.992-30.396 29.608 0 .843.035 1.678.105 2.503.422 5.01 5.857 7.995 10.349 5.738 5.348-2.685 11.979-4.275 19.164-4.275z"
/>
<path
fill="#3b3b44"
d="M139.363 264.493c-6.447 0-12.894-2.155-18.274-6.465-4.989-3.997-5.794-11.282-1.797-16.271 3.997-4.99 11.282-5.793 16.271-1.797a6.041 6.041 0 0 0 7.598 0c4.988-3.997 12.273-3.193 16.271 1.797 3.997 4.989 3.193 12.274-1.797 16.271-5.378 4.31-11.825 6.465-18.272 6.465zM109.745 186.997c5.926 0 11.473 1.082 16.237 2.967a17.572 17.572 0 0 0 1.415-6.933c0-9.749-7.903-17.652-17.652-17.652s-17.652 7.903-17.652 17.652c0 2.463.504 4.803 1.415 6.933 4.764-1.885 10.312-2.967 16.237-2.967z"
/>
<path
fill="#fff"
d="M234.303 186.997c7.183 0 13.813 1.589 19.159 4.273 4.544 2.281 9.962-.801 10.365-5.87.113-1.423.125-2.875.029-4.348-.991-15.146-13.602-27.24-28.775-27.629-16.713-.428-30.396 12.992-30.396 29.608 0 .843.035 1.678.105 2.503.422 5.01 5.856 7.995 10.349 5.738 5.347-2.685 11.979-4.275 19.164-4.275z"
/>
<path
fill="#3b3b44"
d="M234.303 186.997c5.926 0 11.473 1.082 16.237 2.967a17.572 17.572 0 0 0 1.415-6.933c0-9.749-7.903-17.652-17.652-17.652s-17.652 7.903-17.652 17.652c0 2.463.504 4.803 1.415 6.933 4.763-1.885 10.311-2.967 16.237-2.967z"
/>
<path
fill="url(#w)"
d="M481.888 105.593h-35.332c-11.707 0-21.198 9.491-21.198 21.198v40.387a47.203 47.203 0 0 0-10.646-1.202c-18.353 0-33.23 10.202-33.23 22.788s14.878 22.788 33.23 22.788c18.353 0 33.23-10.203 33.23-22.788V144.32a5.162 5.162 0 0 1 5.163-5.162h16.94c7.003 0 13.258-4.38 15.653-10.961l4.111-11.294c2-5.496-2.071-11.31-7.921-11.31z"
/>
<path
fill="url(#x)"
d="M112.084 7.988H76.752c-11.708 0-21.198 9.491-21.198 21.198v40.387a47.205 47.205 0 0 0-10.647-1.202c-18.353 0-33.23 10.202-33.23 22.788s14.878 22.788 33.23 22.788c18.353 0 33.231-10.203 33.231-22.788V46.716a5.162 5.162 0 0 1 5.163-5.162h16.94c7.003 0 13.258-4.38 15.653-10.961l4.111-11.294c2-5.497-2.071-11.311-7.921-11.311z"
/>
<path
fill="url(#y)"
d="M392.886 301.058a224.086 224.086 0 0 0-11.409-6.198c-15.183 8.828-25.522 29.03-26.767 44.47 3.87 1.837 7.907 3.979 12.194 6.469 12.336 7.164 28.176 2.994 35.361-9.38 7.175-12.355 2.976-28.186-9.379-35.361z"
/>
<path
fill="url(#z)"
d="M156.692 472.861c-1.805 14.172 8.221 27.124 22.393 28.929 14.154 1.805 27.123-8.208 28.929-22.393.319-2.505.7-4.998 1.123-7.472-12.844-5.66-36.482-9.495-50.823-9.636a217.487 217.487 0 0 0-1.622 10.572z"
/>
</svg>
More icons in the same style and category