Add icons to this collection by clicking the heart icon.
Running icon - also known as animals, sport, running, unicorn, fantasy, legend, smileys, folklore, and fairy tale. Created in a clean gradient style with a white, silver, gray, yellow, 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="-218.029"
x2="-320.169"
y1="368.498"
y2="368.498"
gradientTransform="matrix(-1 0 0 1 101.538 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#cdd4d4" />
<stop offset="1" stop-color="#f3f3f3" />
</linearGradient>
<linearGradient
id="g"
x1="165.631"
x2="165.631"
y1="370.93"
y2="477.907"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="273.727"
x2="273.727"
y1="361.472"
y2="490.564"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="123.319"
x2="57.669"
y1="326.913"
y2="326.913"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#e08243" />
<stop offset="1" stop-color="#f0bb78" />
</linearGradient>
<linearGradient
id="j"
x1="38.124"
x2="38.124"
y1="359.647"
y2="306.702"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#b39bdb" />
<stop offset="1" stop-color="#d0c3e8" />
</linearGradient>
<linearGradient
id="k"
x1="-221.642"
x2="-339.887"
y1="166.049"
y2="166.049"
gradientTransform="matrix(-1 0 0 1 101.538 0)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="l"
x1="-135.313"
x2="-135.313"
y1="92.882"
y2="11.296"
gradientTransform="matrix(-1 0 0 1 101.538 0)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="m"
x1="-43.235"
x2="-43.235"
y1="128.048"
y2="46.424"
gradientTransform="matrix(-1 0 0 1 102 0)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="n"
x1="-118.308"
x2="-118.308"
y1="248.845"
y2="419.609"
gradientTransform="matrix(-1 0 0 1 101.538 0)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#d9e0e0" />
<stop offset="1" stop-color="#f3f3f3" />
</linearGradient>
<linearGradient
id="o"
x1="-300.672"
x2="13.265"
y1="197.244"
y2="197.244"
gradientTransform="matrix(-1 0 0 1 101.538 0)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="p"
x1="-120.05"
x2="-19.318"
y1="105.766"
y2="105.766"
gradientTransform="matrix(-1 0 0 1 102 0)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f4d952" />
<stop offset="1" stop-color="#f9edaf" />
</linearGradient>
<linearGradient
id="q"
x1="-120.516"
x2="-40.062"
y1="66.682"
y2="66.682"
gradientTransform="matrix(-1 0 0 1 101.538 0)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec6f80" />
<stop offset="1" stop-color="#eca0aa" />
</linearGradient>
<linearGradient
id="r"
x1="-104.739"
x2="-42.681"
y1="27.003"
y2="27.003"
gradientTransform="matrix(-1 0 0 1 101.538 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="-189.958"
x2="-189.958"
y1="179.657"
y2="83.039"
gradientTransform="matrix(-1 0 0 1 102 0)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="t"
x1="295.884"
x2="295.884"
y1="342.941"
y2="309.761"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="u"
x1="356.081"
x2="356.081"
y1="375.576"
y2="339.194"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="v"
x1="345.045"
x2="299.093"
y1="472.76"
y2="472.76"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="w"
x1="167.563"
x2="113.202"
y1="479.311"
y2="479.311"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<path
fill="#71c4d1"
d="M395.698 87.307h-67.991c-11.046 0-20-8.954-20-20s8.954-20 20-20h67.991c11.046 0 20 8.954 20 20s-8.955 20-20 20z"
/>
<path
fill="url(#f)"
d="M309.238 417.687c-27.783-12.956-39.803-45.981-26.848-73.764s45.981-39.803 73.764-26.848c23.943 11.165 37.862 38.562 65.522 39.967 9.627.489 15.402 11.004 10.207 19.124-30.669 47.928-86.883 58.197-122.645 41.521z"
/>
<g fill="#a7f2d2">
<path
d="M351.546 414.846c-5.06 0-9.401-3.826-9.935-8.969-.57-5.493 3.421-10.409 8.914-10.979a68.373 68.373 0 0 0 9.96-1.809c5.347-1.38 10.801 1.84 12.18 7.188 1.378 5.348-1.84 10.801-7.188 12.18a88.308 88.308 0 0 1-12.888 2.335c-.35.036-.698.054-1.043.054zM395.704 396.675a9.98 9.98 0 0 1-7.797-3.73c-3.462-4.303-2.781-10.598 1.521-14.06a78.317 78.317 0 0 0 11.811-11.817c3.469-4.297 9.764-4.969 14.063-1.502 4.298 3.469 4.97 9.765 1.502 14.063a98.417 98.417 0 0 1-14.836 14.839 9.976 9.976 0 0 1-6.264 2.207z"
/>
</g>
<path
fill="url(#g)"
d="M219.245 382.714c-7.877-12.035-24.018-15.405-36.057-7.527-4.192 3.575-57.345 33.579-75.427 81.436 6.299 18.338 33.938 24.422 48.212 19.806 8.049-23.763 37.141-45.567 54.512-56.855l1.234-.804c12.034-7.877 15.405-24.02 7.526-36.056z"
/>
<path
fill="url(#h)"
d="M282.534 490.564c19.264-9.693 27.803-30.726 27.803-44.262-22.357-10.147-21.095-24.637-21.095-58.784 0-14.385-11.661-26.046-26.046-26.046s-26.046 11.661-26.046 26.046c0 20.266-.945 41.364 7.132 61.637 7.037 17.659 19.886 31.524 38.252 41.409z"
/>
<path
fill="url(#i)"
d="M163.449 298.925c-9.813-10.518-26.295-11.089-36.812-1.278-15.861 14.797-38.658 17.372-61.793 7.69-13.173 7.819-26.72 24.798-21.853 47.27 41.078 17.796 86.369 13.741 119.181-16.87 10.517-9.813 11.089-26.294 1.277-36.812z"
/>
<path
fill="url(#j)"
d="M64.844 305.337c-4.513-1.888-9.038-4.235-13.528-7.057-12.18-7.655-28.257-3.99-35.913 8.188-7.656 12.178-3.99 28.257 8.188 35.913a144.038 144.038 0 0 0 19.399 10.226c7.982-8.205 21.193-29.111 21.854-47.27z"
/>
<path
fill="url(#k)"
d="M241.878 143.819c-.128-40.587 33.044-74.926 73.631-74.936 40.685-.01 73.669 32.969 73.669 73.651 0 12.731.125 37.992 20.228 49.727 18.71 10.922 18.837 38.11.256 49.251-40.367 24.204-99.241 32.9-146.75 1.059 0-.001-20.799-23.794-21.034-98.752z"
/>
<circle cx="236.851" cy="86.011" r="73.651" fill="url(#l)" />
<path
fill="url(#m)"
d="M121.422 50.693c21.565-7.849 57.606 24.53 67.091 62.836 5.517 22.277-5.851 38.321-27.416 46.17-21.566 7.849-40.586 2.865-50.68-17.745-17.356-35.441-10.561-83.412 11.005-91.261z"
/>
<path
fill="url(#n)"
d="M165.052 258.331c-67.049 65.109-58.281 131.144-39.714 150.717 18.567 19.572 48.996 28.431 94.508 28.431s75.94-8.859 94.508-28.431c18.567-19.572 27.335-85.608-39.714-150.717z"
/>
<path
fill="url(#o)"
d="M21.196 222.186c2.927 55.939 45.273 86.291 157.034 86.291s152.695-43.86 152.695-107.406-43.129-115.06-127.46-115.06S17.452 150.632 21.196 222.186z"
/>
<ellipse cx="73.097" cy="210.753" fill="#eaadcd" rx="14.936" ry="12.003" />
<ellipse cx="248.868" cy="210.753" fill="#eaadcd" rx="14.936" ry="12.003" />
<circle cx="98.704" cy="181.135" r="29.618" fill="#fff" />
<circle
cx="86.738"
cy="181.135"
r="17.652"
fill="#3b3b44"
transform="rotate(-45 86.712 181.165)"
/>
<circle cx="223.261" cy="181.135" r="29.618" fill="#fff" />
<g fill="#3b3b44">
<circle
cx="211.296"
cy="181.135"
r="17.652"
transform="rotate(-76.7 211.36 181.18)"
/>
<path
d="M126.829 238.925h-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="M219.752 99.977c1.474 14.604-15.331 29.405-38.408 33.474-23.763 4.19-45.173-4.587-47.821-19.603-1.61-9.133-2.147-21.357-1.649-34.408 31.326-5.953 55.938-1.482 87.878 20.537z"
/>
<path
fill="#fcb500"
d="M186.424 102.366c1.922-.948 3.401-1.931 4.42-2.77a100.131 100.131 0 0 0-.841-3.257c9.818-.87 17.676-.667 29.746 3.638 1.071 10.612-7.506 21.328-21.132 27.955-8.423 4.096-18.43-1.034-20.056-10.258l-.016-.092c-1.104-6.268 2.172-12.399 7.879-15.216z"
/>
<path
fill="url(#q)"
d="M137.846 33.733c22.78-1.561 45.043 1.65 66.373 20.272 7.484 16.068 13.227 32.588 15.357 44.67.077.434.132.868.176 1.302-26.525-1.903-57.095-7.55-87.878-20.536.583-15.317 2.594-31.768 5.972-45.708z"
/>
<path
fill="#e05d6f"
d="M190.582 56.942c7.197-2.858 15.367.592 18.325 7.749 5.158 12.48 9.011 24.577 10.67 33.985.077.433.131.868.174 1.301a298.442 298.442 0 0 1-29.746-3.638c-1.684-6.162-4.21-13.369-7.274-20.791-3.021-7.314.497-15.686 7.851-18.606z"
/>
<path
fill="url(#r)"
d="M137.846 33.733C142.24 15.6 148.946 1.72 157.84.152c13.851-2.442 32.928 24.975 46.379 53.854-21.018-3.068-43.892-9.154-66.373-20.273z"
/>
<path
fill="url(#s)"
d="M315.771 51.735c-21.566-7.849-57.606 24.53-67.091 62.836-5.516 22.277 5.851 38.321 27.416 46.17 21.566 7.849 40.586 2.865 50.68-17.745 17.356-35.441 10.561-83.412-11.005-91.261z"
/>
<path
fill="url(#t)"
d="M360.439 313.685c-16.075-9.823-34.801-15.771-54.904-17.339-20.743-1.615-42.244 1.684-58.995 9.056-13.166 5.795-19.142 21.166-13.346 34.332 5.796 13.165 21.167 19.139 34.332 13.346 14.126-6.217 41.243-8.362 63.089 3.517 20.943-5.284 32.366-28.669 29.824-42.912z"
/>
<path
fill="#e05d6f"
d="M436.204 305.863h-51.241c-11.046 0-20-8.954-20-20s8.954-20 20-20h51.241c11.046 0 20 8.954 20 20s-8.954 20-20 20z"
/>
<path
fill="#ffe05c"
d="M470.596 174.518h-74.898c-11.046 0-20-8.954-20-20s8.954-20 20-20h74.898c11.046 0 20 8.954 20 20s-8.954 20-20 20z"
/>
<path
fill="url(#u)"
d="M371.713 321.55a111.795 111.795 0 0 0-11.275-7.865c-13.905 4.123-30.099 25.636-29.825 42.913a59.94 59.94 0 0 1 8.685 5.73c11.279 8.966 27.661 7.059 36.596-4.182 8.952-11.261 7.08-27.645-4.181-36.596z"
/>
<path
fill="url(#v)"
d="M331.802 482.046c4.903-13.523-2.085-28.461-15.607-33.365a80.73 80.73 0 0 1-5.857-2.379c-13.401 6.813-28.015 30.435-27.803 44.262 4.914 2.645 10.2 5.021 15.903 7.089 13.531 4.902 28.461-2.088 33.364-15.607z"
/>
<path
fill="url(#w)"
d="M107.761 456.623c-1.702 4.504-3.101 9.163-4.111 13.976-2.954 14.078 6.062 27.886 20.14 30.841 14.088 2.954 27.888-6.07 30.841-20.14a42.24 42.24 0 0 1 1.342-4.871c-11.759-13.845-35.754-19.123-48.212-19.806z"
/>
</svg>
More icons in the same style and category