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 lineal 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 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)" />
<path
fill="#3a322b"
d="M117.988 42a8.963 8.963 0 0 0-6.245 2.533c-6.477-2.011-18.253-3.587-29.688 5.529-2.101-9.815-4.934-19.901-8.756-29.5-.334-1.79-.789-3.432-1.367-4.924C70.688 12.424 67.271 10 63.983 10c-3.291 0-6.694 2.427-7.918 5.645a29.526 29.526 0 0 0-1.378 4.953c-3.816 9.591-6.645 19.667-8.744 29.473-11.438-9.125-23.22-7.548-29.698-5.537A8.964 8.964 0 0 0 10 42c-4.963 0-9 4.037-9 9s4.037 9 9 9a8.957 8.957 0 0 0 6.072-2.376c15.947 8.702 9.312 43.725 8.123 49.376h-1.256a4.077 4.077 0 0 0-4.073 4.073v3.854A4.077 4.077 0 0 0 22.939 119h81.988a4.077 4.077 0 0 0 4.073-4.073v-3.854a4.077 4.077 0 0 0-4.073-4.073h-1.133c-1.189-5.651-7.823-40.673 8.123-49.375A8.954 8.954 0 0 0 117.988 60c4.963 0 9-4.037 9-9s-4.037-9-9-9zm-7.608 4.214a8.932 8.932 0 0 0-1.111 2.597c-7.598.437-17.489 4.031-24.278 17.687a254.109 254.109 0 0 0-2.476-14.221c10.535-8.896 21.496-7.869 27.865-6.063zM63.983 12c2.465 0 5.138 1.916 6.084 4.361 2.854 7.37 2.527 18.782-.951 33.909a10.933 10.933 0 0 0-10.247.008c-3.537-15.15-3.847-26.264-.934-33.922.928-2.443 3.586-4.356 6.048-4.356zM64 51c4.963 0 9 4.037 9 9s-4.037 9-9 9-9-4.037-9-9 4.037-9 9-9zm-6.91.453A10.978 10.978 0 0 0 53 60c0 6.065 4.935 11 11 11s11-4.935 11-11c0-3.454-1.603-6.537-4.101-8.555 2.117-9.021 3.144-16.803 3.078-23.284C84.963 60.114 85.989 95.408 86 107H41.999c.012-11.573 1.036-46.773 11.972-78.686-.069 6.44.97 14.115 3.119 23.139zm-11.606.833a254.544 254.544 0 0 0-2.477 14.229c-6.79-13.668-16.685-17.265-24.288-17.703a8.932 8.932 0 0 0-1.111-2.597c6.371-1.807 17.338-2.833 27.876 6.071zM3 51c0-3.859 3.141-7 7-7s7 3.141 7 7-3.141 7-7 7-7-3.141-7-7zm25.589 34.677c.134-15.061-3.731-25.238-11.18-29.579A8.948 8.948 0 0 0 19 51c0-.05-.007-.099-.008-.149 10.494.734 18.4 7.235 23.506 19.364-2.17 16.517-2.493 30.313-2.499 36.784H26.238c.648-3.142 2.268-11.908 2.351-21.322zM107 111.073v3.854c0 1.144-.93 2.073-2.073 2.073H22.938a2.075 2.075 0 0 1-2.073-2.073v-3.854c0-1.144.93-2.073 2.073-2.073h81.988c1.144 0 2.074.93 2.074 2.073zm-7.601-25.396c.083 9.414 1.703 18.18 2.35 21.323H88.001c-.006-6.475-.328-20.28-2.502-36.807 5.106-12.115 13.01-18.609 23.497-19.342-.001.05-.008.099-.008.149 0 1.892.59 3.647 1.591 5.098-7.447 4.342-11.313 14.518-11.18 29.579zM117.988 58c-3.859 0-7-3.141-7-7s3.141-7 7-7 7 3.141 7 7-3.14 7-7 7z"
/>
</svg>
More icons in the same style and category