Add icons to this collection by clicking the heart icon.
Joker Hat icon - also known as clown, circus, carnival, jester, fool, miscellaneous, clown hat, costume party, and joker hat. 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="#cd464e" />
<stop offset="1" stop-color="#b82e37" />
</linearGradient>
<linearGradient
id="e"
x1="-1925.29"
x2="-1951.606"
y1="17.104"
y2="157.46"
gradientTransform="matrix(-1 0 0 1 -1848 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#5098c2" />
<stop offset="1" stop-color="#1980b4" />
</linearGradient>
<linearGradient
id="f"
x1="-1934.964"
x2="-1937.968"
y1="16.561"
y2="109.937"
gradientTransform="matrix(-1 0 0 1 -1848 0)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#ffc480" />
<stop offset=".824" stop-color="#ff8c34" />
</linearGradient>
<linearGradient
id="g"
x1="-1960.742"
x2="-1968.576"
y1="13.83"
y2="69.33"
gradientTransform="matrix(-1 0 0 1 -1848 0)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="h"
x1="50.699"
x2="24.383"
y1="17.104"
y2="157.46"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="41.025"
x2="38.021"
y1="16.561"
y2="109.937"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="15.246"
x2="7.413"
y1="13.83"
y2="69.33"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="64"
x2="64"
y1="-233.572"
y2="204.857"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#c0dd43" />
<stop offset=".995" stop-color="#2f7f65" />
</linearGradient>
<linearGradient
id="l"
x1="63.933"
x2="63.933"
y1="51.005"
y2="141.501"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="m"
x1="62.633"
x2="69.955"
y1="16.202"
y2="86.387"
gradientUnits="userSpaceOnUse"
>
<stop offset=".049" stop-color="#e47e3e" />
<stop offset="1" stop-color="#db5c43" />
</linearGradient>
<linearGradient
id="n"
x1="64"
x2="64"
y1="7.695"
y2="74.319"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<path
fill="url(#e)"
d="M112.989 56c-20.247 8.345-10 52-10 52h-45c11.91-78.684 51.427-63.192 55-62l7 5z"
/>
<path
fill="url(#f)"
d="m112.989 46 7 5c-17.865-4.769-40.743 2.16-42 57h-20c11.91-78.684 51.427-63.192 55-62z"
/>
<circle cx="117.989" cy="51" r="8" fill="url(#g)" />
<path
fill="url(#h)"
d="M15 56c20.247 8.345 10 52 10 52h45C58.09 29.316 18.573 44.808 15 46l-7 5z"
/>
<path
fill="url(#i)"
d="m15 46-7 5c17.865-4.769 40.743 2.16 42 57h20C58.09 29.316 18.573 44.808 15 46z"
/>
<circle cx="10" cy="51" r="8" fill="url(#j)" />
<path
fill="url(#k)"
d="M72 20H56c-15.483 38.112-15 84.427-15 88h46c0-3.573.483-49.888-15-88z"
/>
<path
fill="url(#l)"
d="M104.927 118H22.939a3.082 3.082 0 0 1-3.073-3.073v-3.853a3.082 3.082 0 0 1 3.073-3.073h81.988a3.082 3.082 0 0 1 3.073 3.073v3.853a3.082 3.082 0 0 1-3.073 3.073z"
/>
<path
fill="url(#m)"
d="M63.984 11c-2.952 0-5.934 2.241-6.984 5-2.3 6.048-3.778 16.934 2 39 1.426 5.448 8.593 5.453 10 0 5.705-22.117 4.297-33.069 2-39-1.064-2.747-4.07-5-7.016-5z"
/>
<circle cx="64" cy="60" r="10" fill="url(#n)" />
</svg>
More icons in the same style and category