Add icons to this collection by clicking the heart icon.
Singing icon - also known as animals, singing, 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="f"
x1="128.348"
x2="27.386"
y1="361.16"
y2="361.16"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#cdd4d4" />
<stop offset="1" stop-color="#f3f3f3" />
</linearGradient>
<linearGradient
id="g"
x1="269.206"
x2="269.206"
y1="366.656"
y2="472.248"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="185.455"
x2="185.455"
y1="357.304"
y2="479.384"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="341.313"
x2="381.197"
y1="326.457"
y2="326.457"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#b39bdb" />
<stop offset="1" stop-color="#d0c3e8" />
</linearGradient>
<linearGradient
id="j"
x1="124.776"
x2="7.896"
y1="164.134"
y2="164.134"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="210.11"
x2="210.11"
y1="91.811"
y2="11.166"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="300.67"
x2="300.67"
y1="126.571"
y2="45.888"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="226.919"
x2="226.919"
y1="245.976"
y2="414.77"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#d9e0e0" />
<stop offset="1" stop-color="#f3f3f3" />
</linearGradient>
<linearGradient
id="n"
x1="46.658"
x2="356.975"
y1="194.97"
y2="194.97"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="o"
x1="224.741"
x2="324.311"
y1="104.547"
y2="104.547"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f4d952" />
<stop offset="1" stop-color="#f9edaf" />
</linearGradient>
<linearGradient
id="p"
x1="224.737"
x2="304.263"
y1="65.913"
y2="65.913"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec6f80" />
<stop offset="1" stop-color="#eca0aa" />
</linearGradient>
<linearGradient
id="q"
x1="240.332"
x2="301.674"
y1="26.691"
y2="26.691"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="155.639"
x2="155.639"
y1="177.585"
y2="82.081"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="s"
x1="322.52"
x2="322.52"
y1="324.911"
y2="392.506"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="t"
x1="322.52"
x2="322.52"
y1="260.18"
y2="328.517"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4e5660" />
<stop offset="1" stop-color="#64768d" />
</linearGradient>
<linearGradient
id="u"
x1="244.685"
x2="244.685"
y1="384.807"
y2="332.618"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#e08243" />
<stop offset="1" stop-color="#f0bb78" />
</linearGradient>
<linearGradient
id="v"
x1="312.139"
x2="312.139"
y1="391.876"
y2="340.535"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="w"
x1="389.439"
x2="389.439"
y1="381.481"
y2="342.204"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="x"
x1="142.297"
x2="188.04"
y1="482.134"
y2="482.134"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="y"
x1="257.776"
x2="306.274"
y1="477.091"
y2="477.091"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="z"
x1="432.182"
x2="432.182"
y1="141.879"
y2="36.304"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#74d2e8" />
<stop offset="1" stop-color="#baeaf5" />
</linearGradient>
<path
fill="url(#f)"
d="M138.558 409.781c27.463-12.806 39.344-45.45 26.538-72.913s-45.45-39.344-72.913-26.538c-23.667 11.036-37.426 38.117-64.767 39.506-9.516.483-15.225 10.877-10.089 18.903 30.315 47.375 85.881 57.525 121.231 41.042z"
/>
<g fill="#a7f2d2">
<path
d="M96.738 407.088c-.345 0-.692-.018-1.043-.055a87.487 87.487 0 0 1-12.758-2.311c-5.348-1.379-8.565-6.833-7.187-12.181 1.379-5.347 6.826-8.565 12.181-7.187a67.261 67.261 0 0 0 9.826 1.786c5.494.569 9.485 5.484 8.915 10.978-.533 5.143-4.875 8.97-9.934 8.97zM53.089 389.126a9.956 9.956 0 0 1-6.263-2.209 97.318 97.318 0 0 1-14.684-14.685c-3.468-4.298-2.796-10.594 1.502-14.063 4.298-3.468 10.594-2.796 14.063 1.502a77.2 77.2 0 0 0 11.656 11.663c4.304 3.462 4.984 9.757 1.522 14.06a9.976 9.976 0 0 1-7.796 3.732z"
/>
</g>
<path
fill="url(#g)"
d="M265.057 468.855c17.746 6.62 40.325 4.022 50.047-11.983-4.571-19.569-16.508-49.348-47.288-82.103-9.738-10.359-26.03-10.866-36.393-1.131-10.362 9.738-10.868 26.031-1.132 36.393 8.928 9.498 29.116 33.239 34.766 58.824z"
/>
<path
fill="url(#h)"
d="M154.971 462.806c12.74 19.328 34.72 19.328 50.031 12.241 10.795-39.864 10.941-57.453 10.936-91.997 0-14.218-11.527-25.745-25.746-25.745-14.218 0-25.745 11.527-25.745 25.745.004 32.819-.148 45.732-9.476 79.756z"
/>
<path
fill="url(#i)"
d="M362.468 356.385c21.182-2.7 35.739-19.674 38.726-35.065-28.637-25.291-76.566-30.678-108.707-18.678-13.321 4.972-20.089 19.802-15.115 33.123 4.972 13.321 19.802 20.094 33.123 15.115 14.163-5.283 37.898-3.231 51.973 5.505z"
/>
<path
fill="url(#j)"
d="M205.141 142.16c.126-40.119-32.663-74.062-72.782-74.072-40.215-.009-72.82 32.589-72.82 72.802 0 12.584-.123 37.554-19.995 49.154-18.495 10.796-18.62 37.67-.254 48.683 39.902 23.925 98.097 32.52 145.058 1.046.002 0 20.561-23.519 20.793-97.613z"
/>
<circle cx="210.11" cy="85.019" r="72.802" fill="url(#k)" />
<path
fill="url(#l)"
d="M324.208 50.108c-21.317-7.759-56.941 24.248-66.318 62.111-5.453 22.02 5.783 37.879 27.1 45.638s40.118 2.832 50.095-17.541c17.157-35.032 10.44-82.449-10.877-90.208z"
/>
<path
fill="url(#m)"
d="M281.081 255.352c66.276 64.358 57.609 129.632 39.256 148.979s-48.431 28.103-93.418 28.103-75.065-8.757-93.418-28.103c-18.353-19.347-27.02-84.621 39.256-148.979z"
/>
<path
fill="url(#n)"
d="M423.278 219.624c-2.894 55.294-44.751 85.296-155.223 85.296s-150.934-43.354-150.934-106.167 42.632-113.734 125.99-113.734c83.359 0 183.868 63.876 180.167 134.605z"
/>
<ellipse cx="195.978" cy="209.131" fill="#eaadcd" rx="14.936" ry="12.003" />
<ellipse cx="371.749" cy="209.131" fill="#eaadcd" rx="14.936" ry="12.003" />
<circle cx="221.585" cy="179.513" r="29.618" fill="#fff" />
<circle
cx="233.55"
cy="179.513"
r="17.652"
fill="#3b3b44"
transform="rotate(-76.7 233.622 179.556)"
/>
<circle cx="346.142" cy="179.513" r="29.618" fill="#fff" />
<g fill="#3b3b44">
<circle
cx="358.046"
cy="179.513"
r="17.652"
transform="rotate(-45 358.04 179.592)"
/>
<ellipse cx="322.52" cy="246.637" rx="13.252" ry="17.352" />
</g>
<path
fill="url(#o)"
d="M227.012 98.824c-1.457 14.436 15.155 29.066 37.965 33.088 23.489 4.142 44.652-4.534 47.269-19.377 1.592-9.028 2.122-21.111 1.631-34.011-30.965-5.885-55.293-1.465-86.865 20.3z"
/>
<path
fill="#fcb500"
d="M259.956 101.185c-1.9-.937-3.362-1.909-4.369-2.738.245-1.032.529-2.114.831-3.22-9.705-.861-17.472-.66-29.404 3.596-1.059 10.49 7.419 21.082 20.888 27.633 8.326 4.049 18.217-1.022 19.825-10.139l.016-.091c1.092-6.196-2.146-12.256-7.787-15.041z"
/>
<path
fill="url(#p)"
d="M307.974 33.344c-22.517-1.543-44.523 1.631-65.608 20.039-7.398 15.883-13.075 32.212-15.18 44.155-.076.429-.131.858-.174 1.287 26.219-1.881 56.437-7.463 86.865-20.3-.577-15.141-2.564-31.402-5.903-45.181z"
/>
<path
fill="#e05d6f"
d="M255.846 56.285c-7.114-2.825-15.189.585-18.113 7.659-5.099 12.336-8.907 24.293-10.547 33.593-.076.428-.129.858-.172 1.286a295.09 295.09 0 0 0 29.404-3.596c1.665-6.09 4.161-13.215 7.19-20.551 2.984-7.229-.493-15.505-7.762-18.391z"
/>
<path
fill="url(#q)"
d="M307.974 33.344C303.631 15.42 297.002 1.7 288.21.15c-13.691-2.414-32.548 24.687-45.844 53.232 20.776-3.031 43.386-9.047 65.608-20.038z"
/>
<path
fill="url(#r)"
d="M132.1 51.138c21.317-7.759 56.941 24.247 66.318 62.111 5.453 22.02-5.783 37.879-27.1 45.638s-40.118 2.832-50.095-17.541c-17.156-35.032-10.44-82.449 10.877-90.208z"
/>
<path
fill="url(#s)"
d="M353.351 299.94H291.69l8.018 76.876c1.087 10.419 9.87 18.334 20.346 18.334h4.934c10.476 0 19.259-7.914 20.346-18.334z"
/>
<path
fill="url(#t)"
d="M363.872 296.757c0-20.201-18.514-36.577-41.352-36.577s-41.351 16.376-41.351 36.577 18.514 31.761 41.351 31.761c22.838-.001 41.352-11.561 41.352-31.761z"
/>
<path
fill="url(#u)"
d="M287.894 330.662c-21.191 4.212-38.349 3.369-64.361-6.227-13.344-4.922-28.144 1.904-33.065 15.244s1.904 28.144 15.244 33.065c35.383 13.053 61.943 14.513 93.752 8.063 3.327-14.151-1.583-40.315-11.57-50.145z"
/>
<path
fill="url(#v)"
d="M303.98 326.822c-5.712 1.538-11.013 2.833-16.085 3.841-.387 12.128 1.992 36.624 11.57 50.144 5.766-1.169 11.703-2.596 17.899-4.264 13.73-3.695 21.865-17.822 18.169-31.552-3.697-13.73-17.821-21.865-31.553-18.169z"
/>
<path
fill="url(#w)"
d="M406.254 368.033c11.316-8.61 13.508-24.763 4.898-36.078-2.951-3.878-6.306-7.41-9.957-10.635-19 1.851-35.005 21.303-38.726 35.065 3.107 1.928 5.75 4.177 7.708 6.75 8.61 11.317 24.765 13.508 36.077 4.898z"
/>
<path
fill="url(#x)"
d="M154.971 462.806a641.39 641.39 0 0 1-1.785 6.383c-3.898 13.674 4.027 27.919 17.701 31.817 13.698 3.906 27.926-4.053 31.817-17.701.815-2.859 1.58-5.608 2.298-8.258-10.948-9.06-35.427-14.583-50.031-12.241z"
/>
<path
fill="url(#y)"
d="M317.245 468.79c-.41-3.358-1.076-7.362-2.14-11.917-17.347-2-37.818 4.866-50.047 11.983a65.641 65.641 0 0 1 1.077 6.18c1.725 14.115 14.567 24.16 28.678 22.433 14.113-1.726 24.156-14.564 22.432-28.679z"
/>
<path
fill="url(#z)"
d="M478.168 14.903h-35.332c-11.707 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.788V53.63a5.162 5.162 0 0 1 5.163-5.162h16.94c7.003 0 13.258-4.38 15.653-10.961l4.111-11.294c1.999-5.497-2.071-11.31-7.921-11.31z"
/>
</svg>
More icons in the same style and category