Add icons to this collection by clicking the heart icon.
Support icon - also known as help, heart, aid, love, Solidarity, support, romance, love and romance, and volunteering. 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 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#ff195e" />
<stop offset="1" stop-color="#ffc5a3" />
</linearGradient>
<linearGradient
id="e"
x1="43.544"
x2="455.72"
y1="468.455"
y2="56.279"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="f"
cx="256"
cy="255.999"
r="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff195e" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</radialGradient>
<radialGradient
id="g"
cx="256"
cy="256"
r="217.579"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff195e" />
<stop offset=".329" stop-color="#ff2551" stop-opacity=".671" />
<stop offset="1" stop-color="#ff3838" stop-opacity="0" />
</radialGradient>
<linearGradient
id="h"
x1="116.935"
x2="591.875"
y1="395.065"
y2="-79.875"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#ffb5d3" />
<stop offset=".31" stop-color="#ffd0e3" />
<stop offset=".757" stop-color="#fff2f7" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="i"
x1="186.474"
x2="377.731"
y1="141.384"
y2="-49.873"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset=".131" stop-color="#ff195e" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<radialGradient
id="j"
cx="256.684"
cy="255.785"
r="240.997"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="211.527"
x2="402.784"
y1="27.385"
y2="218.642"
gradientTransform="rotate(-90 256 256)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="303.218"
x2="111.961"
y1="24.64"
y2="215.897"
gradientTransform="rotate(180 256 256)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="324.153"
x2="132.896"
y1="140.011"
y2="-51.246"
gradientTransform="rotate(90 256 256)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="n"
cx="256.684"
cy="255.786"
r="240.998"
gradientTransform="rotate(-90 256 256)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".329" stop-color="#ff195e" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</radialGradient>
<radialGradient
id="o"
cx="256.684"
cy="255.785"
r="240.997"
gradientTransform="rotate(180 256 256)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".361" stop-color="#ff195e" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</radialGradient>
<radialGradient
id="p"
cx="256.684"
cy="255.786"
r="240.998"
gradientTransform="rotate(90 256 256)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="q"
x1="-65.811"
x2="540.698"
y1="577.811"
y2="-28.698"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff79a2" />
<stop offset="1" stop-color="#ffe3f1" />
</linearGradient>
<linearGradient id="d">
<stop offset="0" stop-color="#ffc8e3" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="r"
x1="289.74"
x2="762.755"
y1="-18.766"
y2="-18.766"
gradientTransform="rotate(-45 753.012 244.156)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="s"
x1="108.804"
x2="565.776"
y1="-18.766"
y2="-18.766"
gradientTransform="rotate(-45 753.012 244.156)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="t"
x1="333.445"
x2="663.646"
y1="-179.127"
y2="-179.127"
gradientTransform="rotate(-45 753.012 244.156)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="u"
x1="82.928"
x2="633.21"
y1="-179.127"
y2="-179.127"
gradientTransform="rotate(-45 753.012 244.156)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="v"
x1="74.698"
x2="414.434"
y1="437.301"
y2="97.565"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="w"
cx="255.999"
cy="256"
r="127.103"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4c5e" stop-opacity="0" />
<stop offset=".435" stop-color="#ff4a5e" stop-opacity=".435" />
<stop offset=".645" stop-color="#ff435e" stop-opacity=".645" />
<stop offset=".808" stop-color="#ff365e" stop-opacity=".808" />
<stop offset=".945" stop-color="#ff235e" stop-opacity=".945" />
<stop offset="1" stop-color="#ff195e" />
</radialGradient>
<linearGradient
id="x"
x1="201.199"
x2="408.321"
y1="300.384"
y2="93.262"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="y"
x1="200.122"
x2="378.709"
y1="328.735"
y2="151.617"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="z"
x1="-193.202"
x2="261.709"
y1="708.25"
y2="253.34"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff195e" />
<stop offset="1" stop-color="#ff195e" stop-opacity="0" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#e)" />
<circle cx="256" cy="256" r="256" fill="url(#f)" />
<path
fill="url(#g)"
d="M256 456.9C148.377 456.417 55.583 363.622 55.1 256 55.583 148.378 148.378 55.585 256 55.1c107.624.483 200.416 93.276 200.9 200.9-.484 107.623-93.277 200.415-200.9 200.9z"
/>
<path
fill="url(#h)"
d="M256 39.725C140.71 40.33 40.33 140.709 39.725 256 40.328 371.291 140.709 471.67 256 472.275 371.289 471.673 471.67 371.288 472.275 256 471.672 140.708 371.29 40.331 256 39.725zm0 409.488C152.253 448.783 63.219 359.745 62.787 256 63.217 152.256 152.255 63.217 256 62.788c103.744.43 192.784 89.464 193.212 193.212-.431 103.745-89.466 192.783-193.212 193.213z"
/>
<path
fill="url(#i)"
d="M286.015 42.017A198.637 198.637 0 0 0 256 39.725a198.488 198.488 0 0 0-30.015 2.292c-.136 19.777-.253 39.554-.351 59.332 20.244-.102 40.488-.102 60.732 0-.098-19.778-.215-39.555-.351-59.332z"
/>
<path
fill="url(#j)"
d="M286.015 42.017A198.637 198.637 0 0 0 256 39.725a198.488 198.488 0 0 0-30.015 2.292c-.136 19.777-.253 39.554-.351 59.332 20.244-.102 40.488-.102 60.732 0-.098-19.778-.215-39.555-.351-59.332z"
/>
<path
fill="url(#k)"
d="M42.017 225.985A198.617 198.617 0 0 0 39.725 256c0 10.186.793 20.199 2.292 30.015 19.777.136 39.554.253 59.332.351a6026.796 6026.796 0 0 1 0-60.732c-19.778.098-39.555.215-59.332.351z"
/>
<path
fill="url(#l)"
d="M225.985 469.984c9.816 1.5 19.828 2.29 30.015 2.292 10.187 0 20.199-.794 30.015-2.292.136-19.777.253-39.554.351-59.332-20.244.102-40.488.102-60.732 0 .098 19.777.215 39.554.351 59.332z"
/>
<path
fill="url(#m)"
d="M469.983 286.015A198.637 198.637 0 0 0 472.275 256c0-10.188-.792-20.199-2.292-30.015-19.777-.136-39.554-.253-59.332-.351.102 20.244.102 40.488 0 60.732 19.778-.098 39.555-.214 59.332-.351z"
/>
<path
fill="url(#n)"
d="M42.017 225.985A198.617 198.617 0 0 0 39.725 256c0 10.186.793 20.199 2.292 30.015 19.777.136 39.554.253 59.332.351a6026.796 6026.796 0 0 1 0-60.732c-19.778.098-39.555.215-59.332.351z"
/>
<path
fill="url(#o)"
d="M225.985 469.984c9.816 1.5 19.828 2.29 30.015 2.292 10.187 0 20.199-.794 30.015-2.292.136-19.777.253-39.554.351-59.332-20.244.102-40.488.102-60.732 0 .098 19.777.215 39.554.351 59.332z"
/>
<path
fill="url(#p)"
d="M469.983 286.015A198.637 198.637 0 0 0 472.275 256c0-10.188-.792-20.199-2.292-30.015-19.777-.136-39.554-.253-59.332-.351.102 20.244.102 40.488 0 60.732 19.778-.098 39.555-.214 59.332-.351z"
/>
<path
fill="url(#q)"
d="M315.954 89.164c-39.969-.43-79.939-.43-119.908 0-48.675 18.478-88.403 58.208-106.882 106.882-.43 39.969-.43 79.939 0 119.908 18.478 48.672 58.208 88.405 106.882 106.882 39.969.43 79.939.43 119.908 0 48.674-18.478 88.403-58.208 106.882-106.882.43-39.969.43-79.939 0-119.908-18.477-48.675-58.208-88.402-106.882-106.882z"
/>
<path
fill="url(#r)"
d="M422.831 315.953c7.101-18.781 11.007-38.936 11.006-59.953.002-21.018-3.906-41.174-11.005-59.953C367.436 215.441 311.718 235.721 256 256c55.718 20.28 111.436 40.56 166.831 59.953z"
/>
<path
fill="url(#s)"
d="M196.047 422.832c18.779 7.1 38.937 11.01 59.953 11.006 21.016.002 41.173-3.906 59.953-11.006C296.559 367.436 276.28 311.718 256 256c-20.28 55.718-40.56 111.437-59.953 166.832z"
/>
<path
fill="url(#t)"
d="M315.953 89.168c-18.781-7.1-38.937-11.007-59.953-11.005-21.016-.002-41.173 3.904-59.953 11.006C215.44 144.564 235.72 200.282 256 256c20.279-55.718 40.559-111.436 59.953-166.832z"
/>
<path
fill="url(#u)"
d="M89.168 196.048c-7.1 18.778-11.008 38.936-11.006 59.952-.001 21.016 3.906 41.172 11.006 59.953C144.564 296.56 200.281 276.28 256 256c-55.718-20.279-111.436-40.559-166.832-59.952z"
/>
<path
fill="url(#v)"
d="M348.25 256c-.047 50.625-41.625 92.203-92.25 92.25-50.626-.047-92.204-41.626-92.25-92.25.047-50.626 41.625-92.202 92.25-92.25 50.626.048 92.204 41.624 92.25 92.25z"
/>
<path
fill="url(#w)"
d="M348.25 256c-.047 50.625-41.625 92.203-92.25 92.25-50.626-.047-92.204-41.626-92.25-92.25.047-50.626 41.625-92.202 92.25-92.25 50.626.048 92.204 41.624 92.25 92.25z"
/>
<path
fill="url(#x)"
d="M256 215.966c-6.86-8.409-17.284-13.775-28.968-13.755-20.635.04-37.439 16.838-37.469 37.454-.02 39.818 47.85 73.629 62.307 82.96a7.626 7.626 0 0 0 8.264-.002c9.117-5.871 31.406-21.439 46.719-42.094-16.923-21.48-33.911-43.031-50.853-64.563z"
/>
<path
fill="url(#y)"
d="M284.968 202.211c-11.681-.022-22.109 5.346-28.968 13.755-.002 31.356 21.681 57.606 50.853 64.563 9.017-12.171 15.6-26.092 15.584-40.864-.027-20.616-16.834-37.412-37.469-37.454z"
/>
<path
fill="url(#z)"
d="M271.202 403.07c-96.527-.06-177.861-81.161-177.584-177.396.115-22.131 4.529-43.333 12.376-62.988C88.479 189.997 78.153 221.888 78.163 256c.335 95.907 81.931 177.5 177.837 177.838 74.222-.023 139.186-49.15 165.731-115.071-32.073 49.668-87.867 84.16-150.529 84.303z"
/>
</svg>
More icons in the same style and category