Add icons to this collection by clicking the heart icon.
Happy icon - also known as animals, happy, unicorn, feelings, fantasy, legend, smileys, folklore, and fairy tale. Created in a clean gradient style with a white, silver, gray, yellow, teal, 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="e"
x1="564.046"
x2="463.083"
y1="361.16"
y2="361.16"
gradientTransform="matrix(-1 0 0 1 910.632 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#cdd4d4" />
<stop offset="1" stop-color="#f3f3f3" />
</linearGradient>
<linearGradient
id="f"
x1="203.035"
x2="203.035"
y1="372.181"
y2="473.727"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="297.066"
x2="297.066"
y1="363.155"
y2="478.796"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#e08243" />
<stop offset="1" stop-color="#f0bb78" />
</linearGradient>
<linearGradient
id="h"
x1="575.281"
x2="616.101"
y1="480.323"
y2="480.323"
gradientTransform="matrix(-1 0 0 1 911.094 0)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="i"
x1="157.436"
x2="95.904"
y1="316.049"
y2="316.049"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="808.246"
x2="853.477"
y1="284.996"
y2="284.996"
gradientTransform="matrix(-1 0 0 1 911.094 0)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#b39bdb" />
<stop offset="1" stop-color="#d0c3e8" />
</linearGradient>
<linearGradient
id="k"
x1="560.474"
x2="443.593"
y1="164.135"
y2="164.135"
gradientTransform="matrix(-1 0 0 1 910.632 0)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="l"
x1="645.808"
x2="645.808"
y1="91.812"
y2="11.166"
gradientTransform="matrix(-1 0 0 1 910.632 0)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="m"
x1="736.83"
x2="736.83"
y1="126.572"
y2="45.889"
gradientTransform="matrix(-1 0 0 1 911.094 0)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="n"
x1="662.617"
x2="662.617"
y1="245.976"
y2="414.771"
gradientTransform="matrix(-1 0 0 1 910.632 0)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="o"
x1="482.356"
x2="792.674"
y1="194.97"
y2="194.97"
gradientTransform="matrix(-1 0 0 1 910.632 0)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d9e0e0" />
<stop offset="1" stop-color="#f3f3f3" />
</linearGradient>
<linearGradient
id="p"
x1="660.896"
x2="760.474"
y1="104.554"
y2="104.554"
gradientTransform="matrix(-1 0 0 1 911.094 0)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f4d952" />
<stop offset="1" stop-color="#f9edaf" />
</linearGradient>
<linearGradient
id="q"
x1="660.431"
x2="739.962"
y1="65.918"
y2="65.918"
gradientTransform="matrix(-1 0 0 1 910.632 0)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec6f80" />
<stop offset="1" stop-color="#eca0aa" />
</linearGradient>
<linearGradient
id="r"
x1="676.027"
x2="737.373"
y1="26.693"
y2="26.693"
gradientTransform="matrix(-1 0 0 1 910.632 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="591.799"
x2="591.799"
y1="177.586"
y2="82.081"
gradientTransform="matrix(-1 0 0 1 911.094 0)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="t"
x1="255.17"
x2="255.17"
y1="366.347"
y2="306.031"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="u"
x1="667.453"
x2="722.374"
y1="277.475"
y2="277.475"
gradientTransform="matrix(-1 0 0 1 911.094 0)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="v"
x1="703.891"
x2="755.792"
y1="469.085"
y2="469.085"
gradientTransform="matrix(-1 0 0 1 911.094 0)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<path
fill="url(#e)"
d="M336.376 409.781c-27.463-12.806-39.345-45.451-26.538-72.913 12.806-27.463 45.451-39.344 72.913-26.538 23.668 11.036 37.426 38.117 64.767 39.506 9.516.483 15.225 10.877 10.089 18.903-30.315 47.376-85.881 57.526-121.231 41.042z"
/>
<g fill="#a7f2d2">
<path
d="M378.196 407.088c-5.06 0-9.401-3.827-9.935-8.97-.569-5.493 3.422-10.408 8.916-10.978a67.27 67.27 0 0 0 9.826-1.785c5.346-1.379 10.801 1.838 12.18 7.186s-1.838 10.801-7.186 12.18a87.213 87.213 0 0 1-12.758 2.312c-.35.037-.698.055-1.043.055zM421.846 389.127a9.98 9.98 0 0 1-7.797-3.731c-3.462-4.303-2.781-10.598 1.522-14.06a77.2 77.2 0 0 0 11.656-11.663c3.467-4.298 9.762-4.972 14.062-1.503 4.298 3.468 4.971 9.764 1.502 14.062a97.273 97.273 0 0 1-14.683 14.686 9.953 9.953 0 0 1-6.262 2.209z"
/>
</g>
<path
fill="url(#f)"
d="M247.42 378.3c-7.787-11.896-23.746-15.227-35.641-7.439-13.29 8.7-42.477 40.934-57.336 75.866 13.518 22.358 33.423 23.484 47.458 19.955 10.644-25.056 32.893-48.963 38.196-52.816 11.802-7.816 15.086-23.708 7.323-35.566z"
/>
<path
fill="url(#g)"
d="M329.013 458.692c-9.541-33.893-12.402-47.559-12.402-75.642 0-14.219-11.527-25.746-25.745-25.746s-25.746 11.527-25.746 25.746c0 33.704 3.61 51.302 13.714 87.399 20.217 6.306 37.731.035 50.179-11.757z"
/>
<path
fill="url(#h)"
d="M329.013 458.692c.929 3.3 1.918 6.782 2.977 10.498 3.897 13.674-4.028 27.919-17.702 31.817-13.673 3.897-27.919-4.026-31.817-17.702a2829.045 2829.045 0 0 1-3.638-12.857c11.478-6.902 33.495-12.362 50.18-11.756z"
/>
<path
fill="url(#i)"
d="M196.855 302.331c-5.915-12.931-21.193-18.618-34.122-12.701-10.951 5.01-28.515 7.465-40.896 2.466-3.704-1.495-6.669-3.574-9.052-6.3-11.322-.8-39.09 2.898-47.072 22.36 8.407 14.426 20.957 25.271 36.846 31.686 25.92 10.467 57.299 7.726 81.595-3.389 12.93-5.915 18.616-21.192 12.701-34.122z"
/>
<path
fill="url(#j)"
d="M74.858 263.608c13.236-5.199 28.177 1.318 33.375 14.552 1.178 2.999 2.692 5.51 4.551 7.636-8.624 9.681-28.378 22.925-47.072 22.36a80.827 80.827 0 0 1-5.406-11.173c-5.197-13.235 1.318-28.177 14.552-33.375z"
/>
<path
fill="url(#k)"
d="M269.793 142.161c-.126-40.119 32.663-74.062 72.783-74.072 40.216-.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.521-145.058 1.046-.002 0-20.562-23.519-20.794-97.613z"
/>
<circle cx="264.824" cy="85.019" r="72.802" fill="url(#l)" />
<path
fill="url(#m)"
d="M150.726 50.109c21.317-7.759 56.941 24.248 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.157-35.032-10.44-82.45 10.877-90.208z"
/>
<path
fill="url(#n)"
d="M193.853 255.353c-66.276 64.358-57.609 129.632-39.256 148.979s48.431 28.104 93.418 28.104 75.065-8.757 93.418-28.104 27.02-84.621-39.256-148.979z"
/>
<path
fill="url(#o)"
d="M51.656 219.624c2.894 55.294 44.751 85.296 155.223 85.296s150.934-43.354 150.934-106.168-42.632-113.733-125.99-113.733c-83.359 0-183.869 63.876-180.167 134.605z"
/>
<path
fill="#eaadcd"
d="M118.067 209.131c0 6.629-6.687 12.003-14.937 12.003-8.249 0-14.936-5.374-14.936-12.003s6.687-12.004 14.936-12.004 14.937 5.375 14.937 12.004zM293.838 209.131c0 6.629-6.687 12.003-14.936 12.003s-14.936-5.374-14.936-12.003 6.687-12.004 14.936-12.004 14.936 5.375 14.936 12.004z"
/>
<circle cx="128.737" cy="179.513" r="29.618" fill="#fff" />
<circle
cx="116.771"
cy="179.513"
r="17.652"
fill="#3b3b44"
transform="rotate(-45 116.748 179.547)"
/>
<circle cx="253.294" cy="179.513" r="29.618" fill="#fff" />
<g fill="#3b3b44">
<circle
cx="241.329"
cy="179.513"
r="17.652"
transform="rotate(-76.7 241.402 179.556)"
/>
<path
d="M156.613 229.209h-15.181a6.777 6.777 0 0 0-6.506 4.862c-2.672 9.09-5.742 27.748 14.097 27.748 19.838 0 16.769-18.659 14.097-27.748a6.778 6.778 0 0 0-6.507-4.862z"
/>
</g>
<path
fill="url(#p)"
d="M247.927 98.831c1.457 14.437-15.156 29.068-37.968 33.091-23.49 4.142-44.655-4.534-47.272-19.378-1.592-9.029-2.122-21.113-1.631-34.014 30.966-5.885 55.296-1.466 86.871 20.301z"
/>
<path
fill="#fcb500"
d="M214.981 101.192c1.9-.937 3.362-1.909 4.37-2.738a99.736 99.736 0 0 0-.831-3.22c9.706-.86 17.474-.66 29.406 3.597 1.059 10.49-7.42 21.084-20.89 27.635-8.326 4.049-18.219-1.022-19.826-10.14l-.016-.091c-1.094-6.197 2.144-12.258 7.787-15.043z"
/>
<path
fill="url(#q)"
d="M166.959 33.346c22.519-1.543 44.527 1.631 65.613 20.04 7.398 15.884 13.076 32.215 15.182 44.158.076.429.131.858.174 1.287-26.221-1.881-56.441-7.464-86.871-20.301.575-15.141 2.562-31.403 5.902-45.184z"
/>
<path
fill="#e05d6f"
d="M219.09 56.29c7.115-2.825 15.191.585 18.115 7.66 5.099 12.337 8.908 24.295 10.548 33.595.076.429.129.858.172 1.287a294.845 294.845 0 0 1-29.406-3.597c-1.665-6.091-4.161-13.215-7.191-20.552-2.984-7.231.493-15.507 7.762-18.393z"
/>
<path
fill="url(#r)"
d="M166.959 33.346C171.302 15.421 177.931 1.7 186.724.15c13.692-2.414 32.551 24.689 45.847 53.236-20.777-3.031-43.389-9.048-65.612-20.04z"
/>
<path
fill="url(#s)"
d="M342.834 51.139c-21.317-7.759-56.942 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.45-10.877-90.208z"
/>
<path
fill="url(#t)"
d="M288.709 300.002c-19.892-3.078-33.932-10.669-45.068-24.745-15.28-3.922-40.191 4.381-43.824 27.382 19.548 27.025 46.174 42.857 81.018 48.248 14.083 2.177 27.21-7.484 29.38-21.506 2.175-14.051-7.454-27.205-21.506-29.379z"
/>
<path
fill="#71c4d1"
d="m73.441 84.939-27.61-27.61c-4.491-4.491-4.491-11.772 0-16.264 4.491-4.491 11.773-4.491 16.264 0l27.61 27.61c4.491 4.491 4.491 11.772 0 16.264-4.491 4.491-11.773 4.492-16.264 0z"
/>
<path
fill="#ffe05c"
d="M408.31 189.179c-4.491-4.491-4.491-11.773 0-16.264l27.611-27.61c4.491-4.491 11.772-4.491 16.264 0 4.491 4.491 4.491 11.772 0 16.264l-27.611 27.61c-4.491 4.491-11.772 4.491-16.264 0z"
/>
<path
fill="#05c95a"
d="M394.342 68.172c-4.491-4.491-4.491-11.772 0-16.264l21.686-21.686c4.491-4.491 11.772-4.492 16.264 0 4.491 4.491 4.491 11.772 0 16.264l-21.685 21.686c-4.492 4.49-11.774 4.491-16.265 0z"
/>
<path
fill="url(#u)"
d="M201.435 255.827c12.262-7.199 28.038-3.095 35.237 9.167 2.202 3.751 4.517 7.162 6.97 10.263-9.306 12.547-27.224 28.2-43.824 27.382a145.092 145.092 0 0 1-7.55-11.575c-7.199-12.262-3.095-28.038 9.167-35.237z"
/>
<path
fill="url(#v)"
d="M150.31 457.671c1.2-3.662 2.589-7.318 4.132-10.945 14.536.744 37.885 11.698 47.458 19.955a88.708 88.708 0 0 0-2.661 7.026c-4.428 13.514-18.974 20.876-32.483 16.447-13.511-4.428-20.874-18.971-16.446-32.483z"
/>
</svg>
More icons in the same style and category