Add icons to this collection by clicking the heart icon.
Yoyo icon - also known as heart, childhood, toy, fun, yoyo, and kid and baby. Created in a clean gradient 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="#fff3be" />
<stop offset=".573" stop-color="#ffd15b" />
<stop offset="1" stop-color="#eca026" />
</linearGradient>
<linearGradient
id="d"
x1="49.002"
x2="460.999"
y1="266.943"
y2="266.943"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="-70"
x2="390.352"
y1="266.943"
y2="266.943"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="111.518"
x2="398.482"
y1="266.943"
y2="266.943"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f8f6f7" />
<stop offset=".179" stop-color="#f8f6f7" />
<stop offset="1" stop-color="#e7e6f5" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#f8f6f7" />
<stop offset="1" stop-color="#d1ceeb" />
</linearGradient>
<linearGradient
id="g"
x1="56"
x2="366.653"
y1="289.943"
y2="289.943"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="93"
x2="406.026"
y1="328.57"
y2="328.57"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#fecec8" />
<stop offset=".573" stop-color="#fe73c5" />
<stop offset="1" stop-color="#f1239a" />
</linearGradient>
<linearGradient
id="i"
x1="149.348"
x2="376.583"
y1="269.943"
y2="269.943"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="161.267"
x2="342.006"
y1="270.036"
y2="270.036"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="77.1"
x2="537.081"
y1="243.41"
y2="243.41"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="-166.389"
x2="496.594"
y1="243.41"
y2="243.41"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="0"
x2="100.379"
y1="459.811"
y2="459.811"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#99e6fc" />
<stop offset=".504" stop-color="#01d0fb" />
<stop offset=".586" stop-color="#08c7f7" />
<stop offset=".723" stop-color="#1bacec" />
<stop offset=".897" stop-color="#3a82dc" />
<stop offset="1" stop-color="#4f66d0" />
</linearGradient>
<linearGradient
id="n"
x1="70"
x2="253.096"
y1="90.792"
y2="90.792"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<circle cx="255" cy="266.943" r="205.999" fill="url(#d)" />
<path
fill="url(#e)"
d="M255 60.945c-6.827 0-13.574.341-20.231.99 90.979 8.87 164.61 76.919 181.908 165.158L211.72 432.05a189.966 189.966 0 0 1-32.908 26.336 204.485 204.485 0 0 0 42.957 11.874 227.071 227.071 0 0 0 14.701-13.46l148.66-148.66c11.949-11.949 32.02-.151 27.33 16.083-23.011 79.651-92.798 139.452-177.69 147.728 6.657.649 13.404.99 20.231.99 113.77 0 205.999-92.229 205.999-205.999S368.77 60.945 255 60.945z"
/>
<circle cx="255" cy="266.943" r="143.482" fill="url(#f)" />
<path
fill="url(#g)"
d="M311.267 302.855c18.281-18.281 18.281-47.92 0-66.201s-47.92-18.281-66.201 0l-.033.033a4.305 4.305 0 0 1-6.11 0l-.033-.033c-18.281-18.281-47.92-18.281-66.201 0s-18.281 47.92 0 66.201h-.001l43.338 43.338c14.333 14.333 37.57 14.333 51.903 0z"
/>
<path
fill="url(#h)"
d="M255 410.425c10.742 0 21.205-1.19 31.273-3.428l98.856-98.856c2.608-2.608 5.603-4.084 8.643-4.63a143.697 143.697 0 0 0 4.709-36.567c0-6.867-.493-13.619-1.426-20.229L234.772 408.999A144.783 144.783 0 0 0 255 410.425z"
/>
<path
fill="url(#i)"
d="M324.289 282.855c18.281-18.281 18.281-47.92 0-66.201s-47.92-18.281-66.201 0l-.033.033a4.305 4.305 0 0 1-6.11 0l-.033-.033c-18.281-18.281-47.92-18.281-66.201 0s-18.281 47.92 0 66.201h-.001l43.338 43.338c14.333 14.333 37.57 14.333 51.903 0z"
/>
<path
fill="url(#j)"
d="M324.289 282.855c18.281-18.281 18.281-47.92 0-66.201-8.1-8.1-18.431-12.603-29.015-13.525a91.862 91.862 0 0 1 1.356 15.618c0 47.968-36.947 87.28-83.931 91.097l16.35 16.35c14.333 14.333 37.57 14.333 51.903 0z"
/>
<path
fill="url(#k)"
d="M510 104.14c0 27.81-10.83 53.96-30.5 73.63l-27.8 27.8L236.47 420.8c-15.76 15.76-33.54 28.95-53.03 39.37-6.51 3.47-13.21 6.64-20.09 9.49-27.48 11.38-56.5 17.16-86.25 17.16v-35c22.7 0 44.89-3.98 66.09-11.84 2.27-.84 4.52-1.73 6.77-2.66 23.21-9.61 43.99-23.5 61.76-41.27l225.42-225.42 17.61-17.61C467.81 139.97 475 122.6 475 104.14 475 66.01 443.99 35 405.86 35H210.63c-33.34 0-60.93 25.05-64.94 57.31a207.023 207.023 0 0 0-35.51 28.14v-20C110.18 45.06 155.24 0 210.63 0h195.23C463.28 0 510 46.72 510 104.14z"
/>
<path
fill="url(#l)"
d="M405.86 0h-25.787c57.42 0 104.14 46.72 104.14 104.14 0 27.81-10.83 53.96-30.5 73.63l-27.8 27.8-215.23 215.23c-15.76 15.76-33.54 28.95-53.03 39.37-6.51 3.47-13.21 6.64-20.09 9.49-19.476 8.066-39.728 13.303-60.463 15.678v1.482c29.75 0 58.77-5.78 86.25-17.16 6.88-2.85 13.58-6.02 20.09-9.49 19.49-10.42 37.27-23.61 53.03-39.37L451.7 205.57l27.8-27.8c19.67-19.67 30.5-45.82 30.5-73.63C510 46.72 463.28 0 405.86 0z"
/>
<path
fill="url(#m)"
d="M50.189 510C22.515 510 0 487.485 0 459.811s22.515-50.189 50.189-50.189 50.189 22.515 50.189 50.189S77.864 510 50.189 510zm0-75.379c-13.89 0-25.189 11.3-25.189 25.189S36.3 485 50.189 485s25.189-11.3 25.189-25.189-11.299-25.19-25.189-25.19z"
/>
<path
fill="url(#n)"
d="M110.596 91.361c-.27 2.995-.416 6.025-.416 9.089v20a207.023 207.023 0 0 1 35.51-28.14c1.443-11.605 5.949-22.267 12.664-31.176a227.454 227.454 0 0 0-47.758 30.227z"
/>
</svg>
More icons in the same style and category