Add icons to this collection by clicking the heart icon.
Clown icon - also known as clown, circus, costume, carnival, jester, buffoon, joker, miscellaneous, and birthday and party. Created in a clean flat 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 128 128"
>
<linearGradient id="a">
<stop offset="0" stop-color="#e7c0af" />
<stop offset="1" stop-color="#de9e8a" />
</linearGradient>
<linearGradient
id="f"
x1="25.985"
x2="24.485"
y1="36.572"
y2="95.072"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="103.934"
x2="102.434"
y1="38.571"
y2="97.071"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="-20.97"
x2="-10.636"
y1="99.732"
y2="101.732"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e69619" />
<stop offset=".997" stop-color="#ffa154" />
</linearGradient>
<linearGradient
id="i"
x1="112.844"
x2="98.594"
y1="77.944"
y2="94.444"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5098c2" />
<stop offset="1" stop-color="#1980b4" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#cd464e" />
<stop offset="1" stop-color="#b82e37" />
</linearGradient>
<linearGradient
id="j"
x1="63.123"
x2="64.79"
y1="65.61"
y2="118.944"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="63.691"
x2="71.192"
y1="49.537"
y2="141.537"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e4bfa3" />
<stop offset=".667" stop-color="#edb99e" />
</linearGradient>
<linearGradient
id="l"
x1="56"
x2="72"
y1="72"
y2="72"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#867e7f" />
<stop offset="1" stop-color="#373638" />
</linearGradient>
<linearGradient
id="m"
x1="50.567"
x2="51.69"
y1="112"
y2="112"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="50.567"
x2="51.69"
y1="120"
y2="120"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#c0dd43" />
<stop offset=".995" stop-color="#2f7f65" />
</linearGradient>
<linearGradient
id="o"
x1="64"
x2="64"
y1="-113.77"
y2="136.524"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="p"
x1="46.023"
x2="82"
y1="85.001"
y2="85.001"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="q"
x1="63.176"
x2="63.509"
y1="69.641"
y2="74.641"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="r"
x1="63.97"
x2="59.804"
y1="68.121"
y2="66.913"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e87772" />
<stop offset=".335" stop-color="#e67370" />
<stop offset=".681" stop-color="#e26669" />
<stop offset="1" stop-color="#db545f" />
</linearGradient>
<linearGradient
id="s"
x1="62.567"
x2="63.69"
y1="112"
y2="112"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="t"
x1="62.567"
x2="63.69"
y1="120"
y2="120"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="u"
x1="42"
x2="42"
y1="-47.155"
y2="36.957"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="v"
x1="83.001"
x2="83.001"
y1="-47.155"
y2="36.957"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#e1e2e2" />
<stop offset="1" stop-color="#d6d7d8" />
</linearGradient>
<linearGradient
id="w"
x1="87"
x2="87"
y1="93"
y2="99.875"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="x"
x1="58.91"
x2="64.223"
y1="66.223"
y2="66.786"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="y"
x1="41"
x2="41"
y1="93"
y2="99.875"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="z"
x1="12.91"
x2="18.223"
y1="66.223"
y2="66.786"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<circle cx="25" cy="75.001" r="6" fill="url(#f)" />
<circle cx="103" cy="75.001" r="6" fill="url(#g)" />
<path
fill="url(#h)"
d="M26 126h38V99l-29.001.001C32.149 101.851 26.52 118.81 26 126z"
/>
<path
fill="url(#i)"
d="M102 126H64V99l29.001.001c2.85 2.85 8.479 19.809 8.999 26.999z"
/>
<path
fill="url(#j)"
d="m96.983 91-5.984-5H36.967l-5.984 5c-1.755 1.542-1 4 1 6 1.173 1.029 1.458 3.137 3 4 1.378.772 3.326-.615 4.951.019 1.489.581 2.389 3.521 4.049 3.981 1.557.431 4.323-1.322 6-1 1.599.307 2.317 2.796 4 3 1.627.197 3.317-2.099 5-2 1.645.097 3.323 3 5 3s3.355-2.903 5-3c1.683-.099 3.373 2.197 5 2 1.683-.204 2.401-2.693 4-3 1.677-.322 4.443 1.431 6 1 1.66-.46 2.56-3.401 4.049-3.981 1.625-.633 3.572.753 4.951-.019 1.542-.863 1.827-2.971 3-4 2-2 2.754-4.458 1-6z"
/>
<path
fill="url(#k)"
d="M64 51.015v.019H23l1 17.001c1.799 21.758 19.019 28.605 40.011 29v-.019c20.987-.397 38.201-7.245 40-28.999l1-17.001H64z"
/>
<circle cx="64" cy="72" r="8" fill="url(#l)" />
<circle cx="58" cy="112" r="2" fill="url(#m)" />
<circle cx="58" cy="120" r="2" fill="url(#n)" />
<path
fill="url(#o)"
d="M125 48c0-3.494-1.877-6.91-5-8 1.474-1.742 3-4.539 3-7 0-4.865-4.398-9.103-9-10 0-5.523-6.477-10-12-10-1.233-5.316-6.309-9-12-9-2.85 0-4.603.628-7 2-2.195-2.829-6.142-4-10-4-3.589 0-6.801 1.584-9 4.081C61.801 3.584 58.589 2 55 2c-3.858 0-7.805 1.171-10 4-2.397-1.372-4.15-2-7-2-5.691 0-10.767 3.684-12 9-5.523 0-12 4.477-12 10-4.602.897-9 5.135-9 10 0 2.461 1.526 5.258 3 7-3.123 1.09-5 4.506-5 8 0 3.311 2.133 5.784 5 7-.558 1.091-1 2.691-1 4 0 3.852 2.375 7.239 6 8-1.719 5.25 3.134 9 7 9 2.771 0 8.281-2.594 5-8 2.295-.843 3-2.413 3-5 0-1.101-.483-2.113-1-3 3.439 0 6.115-1.844 7-5 1.185.92 3.384 1 5 1 2.869 0 4.919-1.529 6-4 1.001.749 2.653 1 4 1 1.757 0 3.903-.796 5-2 1.097 1.204 3.243 2 5 2 1.758 0 3.903-.795 5-2 1.097 1.205 3.242 2 5 2 1.757 0 3.903-.796 5-2 1.097 1.204 3.243 2 5 2 1.347 0 2.999-.251 4-1 1.081 2.471 3.131 4 6 4 1.616 0 3.815-.08 5-1 .885 3.156 3.561 5 7 5-.517.887-1 1.899-1 3 0 2.587.705 4.157 3 5-3.281 5.406 2.229 8 5 8 3.866 0 8.719-3.75 7-9 3.625-.761 6-4.148 6-8 0-1.309-.442-2.909-1-4 2.867-1.216 5-3.689 5-7z"
/>
<path
fill="url(#p)"
d="M81.023 78.003c-2.663-2.421-5.518.2-6 1-3.125 4.646-7.223 6-11.023 6s-7.875-1.354-11-6c-.482-.8-3.337-3.421-6-1-2.062 1.875-.435 6.131 1 8 3.977 5.182 10.314 7 16 7s12.046-1.818 16.023-7c1.435-1.87 3.063-6.125 1-8z"
/>
<path
fill="url(#q)"
d="M64 90.003c-4.808 0-11.584-1.961-14.86-7.49a1 1 0 1 1 1.721-1.019c2.847 4.805 8.857 6.51 13.14 6.51 6.022 0 11.285-2.583 13.096-6.426a1 1 0 1 1 1.809.852c-2.169 4.6-8.019 7.573-14.906 7.573z"
/>
<circle cx="67" cy="69" r="1" fill="url(#r)" />
<circle cx="70" cy="112" r="2" fill="url(#s)" />
<circle cx="70" cy="120" r="2" fill="url(#t)" />
<path
fill="url(#u)"
d="M32.032 32.025a1 1 0 0 1-.989-.858c-.018-.126-.417-3.112 1.649-5.244 1.485-1.533 3.796-2.189 6.865-1.947 4.162-6.141 9.278-5.51 12.856-3.886a1 1 0 0 1-.828 1.821c-4.22-1.917-7.746-.792-10.481 3.349-.209.317-.597.882-1.246.752-2.686-.287-4.612.151-5.729 1.303-1.37 1.413-1.108 3.548-1.105 3.569a1 1 0 0 1-.992 1.141z"
/>
<path
fill="url(#v)"
d="M93.001 31a.998.998 0 0 1-.782-.375c-3.387-4.234-7.534-1.867-7.708-1.765-.39.231-.895.17-1.218-.153-5.192-5.193-9.411-1.17-9.589-.997a1.003 1.003 0 0 1-1.413-.008.997.997 0 0 1 .002-1.409c.056-.057 5.479-5.337 11.884.493 2.249-.998 6.376-1.446 9.604 2.589a1 1 0 0 1-.78 1.625z"
/>
<path
fill="url(#w)"
d="M87 60s-3 6-10 10c7 4 10 10 10 10s3-6 10-10c-7-4-10-10-10-10z"
/>
<path
fill="url(#x)"
d="M83 71a1 1 0 0 1-.793-1.609C83.375 67.871 85.122 67 87 67c1.878 0 3.625.872 4.792 2.391a1 1 0 0 1-1.586 1.218C89.421 69.587 88.252 69 87 69s-2.421.586-3.208 1.609A.996.996 0 0 1 83 71z"
/>
<path
fill="url(#y)"
d="M41 60s-3 6-10 10c7 4 10 10 10 10s3-6 10-10c-7-4-10-10-10-10z"
/>
<path
fill="url(#z)"
d="M37 71a1 1 0 0 1-.793-1.609C37.375 67.871 39.122 67 41 67c1.878 0 3.625.872 4.792 2.391a1 1 0 0 1-1.586 1.218C43.421 69.587 42.252 69 41 69s-2.421.586-3.208 1.609A.996.996 0 0 1 37 71z"
/>
</svg>
More icons in the same style and category