Add icons to this collection by clicking the heart icon.
Supporter icon - also known as user, hat, people, game, male, football, man, soccer, avatar, fan, supporter, sports and competition, and caucasian. Created in a clean color 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="#26a6fe" />
<stop offset="1" stop-color="#2740b0" />
</linearGradient>
<linearGradient
id="h"
x1="224.638"
x2="300.638"
y1="395.145"
y2="611.145"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#2740b0" stop-opacity="0" />
<stop offset="1" stop-color="#192a7d" />
</linearGradient>
<linearGradient
id="i"
x1="367.964"
x2="230.63"
y1="453.723"
y2="339.057"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#eaf6ff" />
<stop offset="1" stop-color="#d8ecfe" />
</linearGradient>
<linearGradient
id="j"
x1="242.665"
x2="263.998"
y1="421.333"
y2="421.333"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="309.396"
x2="225.396"
y1="453.442"
y2="388.775"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d8ecfe" stop-opacity="0" />
<stop offset=".787" stop-color="#9bd1fe" stop-opacity=".787" />
<stop offset="1" stop-color="#8ac9fe" />
</linearGradient>
<linearGradient
id="l"
x1="254.998"
x2="254.998"
y1="468.007"
y2="520.496"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#ffdfcf" />
<stop offset="1" stop-color="#ffa78f" />
</linearGradient>
<linearGradient
id="m"
x1="235.259"
x2="278.237"
y1="329.879"
y2="370.786"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#f89580" stop-opacity="0" />
<stop offset=".997" stop-color="#c5715a" />
</linearGradient>
<linearGradient
id="n"
x1="235.259"
x2="278.237"
y1="329.879"
y2="370.786"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient id="f">
<stop offset="0" stop-color="#eaf6ff" />
<stop offset="1" stop-color="#b3dafe" />
</linearGradient>
<linearGradient
id="o"
x1="219.82"
x2="186.279"
y1="344.787"
y2="398.451"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="p"
x1="293.768"
x2="322.372"
y1="350.559"
y2="396.204"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="q"
x1="339.109"
x2="376.879"
y1="455.667"
y2="493.436"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="r"
x1="349.276"
x2="349.276"
y1="469.083"
y2="493.128"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d8ecfe" stop-opacity="0" />
<stop offset=".135" stop-color="#cae5fe" stop-opacity=".135" />
<stop offset=".501" stop-color="#a7d6fe" stop-opacity=".501" />
<stop offset=".803" stop-color="#92cdfe" stop-opacity=".803" />
<stop offset="1" stop-color="#8ac9fe" />
</linearGradient>
<linearGradient
id="s"
x1="159.72"
x2="159.72"
y1="461.5"
y2="472.25"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="t"
x1="118.71"
x2="151.72"
y1="189.379"
y2="222.388"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="u"
x1="349.529"
x2="395.72"
y1="183.109"
y2="229.299"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="v"
x1="136.286"
x2="373.71"
y1="209.151"
y2="209.151"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="w"
x1="260.778"
x2="260.778"
y1="242"
y2="77.105"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="x"
x1="254.998"
x2="254.998"
y1="230.881"
y2="277.456"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="y"
x1="216.561"
x2="325.489"
y1="29.775"
y2="138.704"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="z"
x1="237.388"
x2="330.055"
y1="12.2"
y2="178.867"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="A"
x1="3511.835"
x2="3559.29"
y1="-3125.758"
y2="-3125.758"
gradientTransform="rotate(90 3380.756 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="B"
x1="254.998"
x2="254.998"
y1="160.351"
y2="177.571"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="g">
<stop offset="0" stop-color="#5a5a5a" />
<stop offset="1" stop-color="#444" />
</linearGradient>
<linearGradient
id="C"
x1="185.122"
x2="219.626"
y1="210.99"
y2="210.99"
gradientUnits="userSpaceOnUse"
href="#g"
/>
<linearGradient
id="D"
x1="290.37"
x2="324.874"
y1="210.99"
y2="210.99"
gradientUnits="userSpaceOnUse"
href="#g"
/>
<linearGradient
id="E"
x1="332.143"
x2="355.593"
y1="262.57"
y2="286.02"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="F"
x1="317.025"
x2="345.065"
y1="291.452"
y2="319.492"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="G"
x1="157.261"
x2="187.638"
y1="269.238"
y2="299.615"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="H"
x1="180.003"
x2="200.01"
y1="294.497"
y2="314.504"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<path
fill="url(#h)"
d="M445.175 510H64.821c-9.051 0-16.389-7.337-16.389-16.389 0-87.437 70.882-158.318 158.318-158.318h96.495c87.437 0 158.318 70.882 158.318 158.318.001 9.052-7.337 16.389-16.388 16.389z"
/>
<path
fill="url(#i)"
d="M461.568 493.61c0 4.53-1.83 8.62-4.8 11.59-2.97 2.96-7.07 4.8-11.59 4.8h-144.35l-89.16-89.17v-85.54h91.58c87.43 0 158.32 70.88 158.32 158.32z"
/>
<path
fill="url(#j)"
d="M254.998 473.333c-8.653 0-15.667-7.014-15.667-15.667v-88.333h31.333v88.333c.001 8.653-7.014 15.667-15.666 15.667z"
/>
<path
fill="url(#k)"
d="m239.331 448.496 23.005 23.008c4.952-2.632 8.328-7.838 8.328-13.838v-88.333h-31.333z"
/>
<path
fill="url(#l)"
d="M48.432 493.611c0 9.051 7.337 16.389 16.389 16.389h380.354c9.051 0 16.389-7.338 16.389-16.389 0-12.553-1.468-24.762-4.229-36.471H52.661a158.742 158.742 0 0 0-4.229 36.471z"
/>
<path fill="url(#m)" d="m254.998 377.615 68.868-28.948H186.129z" />
<path fill="url(#n)" d="m254.998 377.615 68.868-28.948H186.129z" />
<path
fill="url(#o)"
d="M179.055 329.066s-22.129 15.043-15.088 27.351c5.179 9.053 31.581 44.001 45.183 61.853 4.51 5.919 11.665 5.818 16.098-.208l29.75-40.448z"
/>
<path
fill="url(#p)"
d="M330.94 329.066s22.129 15.043 15.088 27.351c-5.179 9.053-31.581 44.001-45.183 61.853-4.51 5.919-11.665 5.818-16.098-.208l-29.75-40.448z"
/>
<circle cx="349.276" cy="465.833" r="24.667" fill="url(#q)" />
<path
fill="url(#r)"
d="M349.276 490.5c13.623 0 24.667-11.044 24.667-24.667H324.61c-.001 13.623 11.043 24.667 24.666 24.667z"
/>
<path
fill="url(#s)"
d="M136.053 465.833a7.5 7.5 0 0 0 7.5 7.5h32.334a7.5 7.5 0 0 0 0-15h-32.334a7.5 7.5 0 0 0-7.5 7.5z"
/>
<path
fill="url(#t)"
d="M106.634 207.122c0-19.408 13.472-35.67 31.575-39.943 4.839-1.142 9.465 2.6 9.465 7.572v64.743c0 4.972-4.626 8.714-9.465 7.572-18.102-4.274-31.575-20.535-31.575-39.944z"
/>
<path
fill="url(#u)"
d="M403.362 207.122c0-19.408-13.472-35.67-31.575-39.943-4.839-1.142-9.465 2.6-9.465 7.572v64.743c0 4.972 4.626 8.714 9.465 7.572 18.102-4.274 31.575-20.535 31.575-39.944z"
/>
<path
fill="url(#v)"
d="M254.998 358.302c-31.998 0-61.04-12.66-82.388-33.244-2.103-2.028.009-8.029-1.94-10.206-2.227-2.487-8.49-1.171-10.504-3.84-14.991-19.874-23.88-44.609-23.88-71.421v-60.878C136.286 113.15 189.435 60 254.998 60S373.71 113.149 373.71 178.712v60.878c0 15.239-2.871 29.807-8.103 43.193-1.119 2.864-4.954 3.065-6.284 5.815-1.546 3.198-.624 8.924-2.441 11.954-20.744 34.596-58.61 57.75-101.884 57.75z"
/>
<path
fill="url(#w)"
d="M403.358 207.12c0 18.79-12.63 34.64-29.86 39.5-1.82 31.14-15.64 59.06-36.92 79.2-12.56 11.89-27.73 21.07-44.55 26.59l-173.83-173.83c5.04-5.2 11.43-9.07 18.62-11.04 2.82-30.16 16.91-57.04 38.03-76.39S224.098 60 254.998 60c61.79 0 112.55 47.22 118.18 107.54 8.7 2.38 16.24 7.55 21.62 14.49a40.886 40.886 0 0 1 8.56 25.09z"
/>
<path
fill="url(#x)"
d="M261.556 269.448H248.44c-10.931 0-19.207-9.878-17.292-20.64l7.519-42.267h32.663l7.519 42.267c1.914 10.762-6.362 20.64-17.293 20.64z"
/>
<path
fill="url(#y)"
d="M376.883 153.455h-243.77L105.097 24.933C102.143 11.383 111.23 0 125.499 0h258.997c14.27 0 23.356 11.383 20.402 24.933z"
/>
<path
fill="url(#z)"
d="M384.497 0H125.499c-14.27 0-23.356 11.383-20.402 24.933l17.671 81.064h264.46l17.671-81.064C407.852 11.383 398.766 0 384.497 0z"
/>
<path
fill="url(#A)"
d="M430.665 163.761v-17.909c0-8.159-6.614-14.773-14.773-14.773H94.104c-8.159 0-14.773 6.614-14.773 14.773v17.909c0 8.159 6.614 14.773 14.773 14.773h321.788c8.159 0 14.773-6.614 14.773-14.773z"
/>
<path
fill="url(#B)"
d="M79.331 156.552v7.209c0 8.159 6.614 14.773 14.773 14.773h321.787c8.159 0 14.773-6.614 14.773-14.773v-7.209z"
/>
<path
fill="url(#C)"
d="M202.374 232.666c-9.528 0-17.252-7.724-17.252-17.252v-8.847c0-9.528 7.724-17.252 17.252-17.252 9.528 0 17.252 7.724 17.252 17.252v8.847c0 9.528-7.724 17.252-17.252 17.252z"
/>
<path
fill="url(#D)"
d="M307.622 232.666c-9.528 0-17.252-7.724-17.252-17.252v-8.847c0-9.528 7.724-17.252 17.252-17.252 9.528 0 17.252 7.724 17.252 17.252v8.847c0 9.528-7.724 17.252-17.252 17.252z"
/>
<path
fill="url(#E)"
d="M365.598 282.78c-2.41 6.19-5.34 12.13-8.72 17.77l-28.83-28.84c-3.66-3.65-3.66-9.58 0-13.24 3.65-3.66 9.58-3.66 13.24 0z"
/>
<path
fill="url(#F)"
d="M349.828 311.01c-3.78 5.01-7.94 9.71-12.45 14.04l-31.33-31.34c-3.66-3.65-3.66-9.58 0-13.24 3.65-3.66 9.58-3.66 13.24 0z"
/>
<path
fill="url(#G)"
d="m181.948 271.71-28.83 28.84c-3.38-5.64-6.31-11.58-8.72-17.77l24.31-24.31c3.66-3.66 9.59-3.66 13.24 0 3.66 3.66 3.66 9.59 0 13.24z"
/>
<path
fill="url(#H)"
d="m203.948 293.71-31.33 31.34c-4.51-4.33-8.67-9.03-12.45-14.04l30.54-30.54c3.66-3.66 9.59-3.66 13.24 0 3.66 3.66 3.66 9.59 0 13.24z"
/>
</svg>
More icons in the same style and category