Add icons to this collection by clicking the heart icon.
Hat icon - also known as hat, fashion, flower, flowers, and hats. Created in a clean gradient style with a white finish, 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="512pt"
height="512pt"
viewBox="0 0 512 512"
>
<linearGradient
id="b"
x1="74.981"
x2="437.019"
y1="74.981"
y2="437.019"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#61729b" />
<stop offset="1" stop-color="#47568c" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#ffda2d" />
<stop offset="1" stop-color="#dc9e00" />
</linearGradient>
<linearGradient
id="c"
x1="158.187"
x2="353.159"
y1="163.125"
y2="163.125"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="69.689"
x2="442.311"
y1="308.753"
y2="308.753"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="175.581"
x2="257.71"
y1="184.158"
y2="266.287"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#47568c" />
<stop offset="1" stop-color="#2c3b73" />
</linearGradient>
<linearGradient
id="f"
x1="275.943"
x2="366.992"
y1="188.533"
y2="279.582"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fa5e97" />
<stop offset="1" stop-color="#d94f88" />
</linearGradient>
<path
fill="url(#b)"
d="M512 256c0 141.387-114.613 256-256 256S0 397.387 0 256 114.613 0 256 0s256 114.613 256 256zm0 0"
/>
<path
fill="url(#c)"
d="M353.16 196.746c-1.094-.434-2.402-.434-3.71-.434l-6.337-.218-3.054-5.457c-3.711-6.77-10.918-11.137-18.559-11.137s-14.848 4.367-18.559 11.137l-3.054 5.675h-6.551c-5.895 0-10.918 1.747-14.629 5.024a22.587 22.587 0 0 0-4.586 5.457c-.875 1.746-1.527 3.492-1.965 5.457H168.012c-2.836 0-5.457-1.09-7.203-3.273-1.532-1.532-2.403-3.711-2.621-5.68 0-.652.218-1.309.218-1.961C163.863 152.207 205.566 114 256 114c48.254 0 88.863 34.496 96.941 81.875zm0 0"
/>
<path
fill="url(#d)"
d="m442.313 264.648-.731 14.192C435.254 341.504 369.316 376 256 376S76.746 341.504 70.418 278.84l-.73-14.192 20.597 3.715c23.145 4.149 49.125 8.95 67.465-15.941v-1.309c0-5.242 4.367-9.605 9.61-9.605h106.546c-1.969 3.492-2.62 7.203-2.183 10.914 0 3.058.87 6.336 2.402 8.953 4.148 6.77 10.48 10.262 19.43 10.48l6.332.22 3.058 5.456c3.711 6.77 10.918 11.137 18.559 11.137s14.844-4.367 18.558-11.137l3.055-5.457 6.113-.219c4.586 0 12.23-1.308 17.688-7.64 16.594 10.695 32.094 8.078 52.836 4.363zm0 0"
/>
<path
fill="url(#e)"
d="m274.559 228.406 3.277 5.676-3.277 5.68c-.22.652-.657 1.09-.657 1.746-1.964 3.492-2.617 7.058-2.183 10.77H157.75V212.25c0-3.059.219-6.113.438-8.953 0-.652.218-1.309.218-1.961h120.301a22.587 22.587 0 0 0-4.586 5.457c-.871 1.746-1.527 3.492-1.965 5.457-1.308 5.238-.437 11.137 2.403 16.156zm0 0"
/>
<path
fill="url(#f)"
d="M321.5 299.582c-11.906 0-22.527-6.629-28.145-16.746-12.378-.258-22.62-5.684-28.582-16.004-5.96-10.32-5.523-22.824.426-32.75-5.949-9.926-6.387-22.43-.426-32.75 5.957-10.32 16.079-15.988 28.582-16 5.618-10.117 16.235-16.75 28.145-16.75s22.527 6.633 28.145 16.75c12.152.129 22.62 5.68 28.582 16 5.96 10.32 5.523 22.824-.426 32.75 5.949 9.926 6.387 22.43.426 32.75-5.957 10.309-16.555 15.629-28.582 16.004-5.618 10.117-16.239 16.746-28.145 16.746zm0 0"
/>
<path fill="#e0f4ff" d="M310.582 223.168h21.832V245h-21.832zm0 0" />
</svg>
More icons in the same style and category