Add icons to this collection by clicking the heart icon.
Hat icon - also known as hat, security, working, protection, construction, worker, Tools and utensils, and hard hat. Created in a clean gradient 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="-42.018"
x2="-27.388"
y1="626.643"
y2="612.013"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13553.445)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M480 352h-10.667v-21.333c0-93.44-61.077-175.957-149.547-203.563-.661-7.509-3.712-14.635-8.747-20.245C304.747 99.861 296.192 96 286.933 96h-61.867c-9.259 0-17.813 3.861-24.107 10.859a34.743 34.743 0 0 0-8.747 20.224C103.744 154.709 42.667 237.227 42.667 330.667V352H32c-17.643 0-32 14.357-32 32s14.357 32 32 32h448c17.643 0 32-14.357 32-32s-14.357-32-32-32zm0 42.667H32c-5.867 0-10.667-4.779-10.667-10.667s4.8-10.667 10.667-10.667h21.333c5.888 0 10.667-4.779 10.667-10.667v-32c0-86.635 58.325-162.837 141.845-185.323 5.035-1.365 8.363-6.144 7.851-11.328l-.235-2.24c-.405-3.947.789-7.829 3.349-10.645 2.219-2.453 5.12-3.797 8.256-3.797h61.867c3.115 0 6.037 1.344 8.235 3.797 2.56 2.816 3.776 6.699 3.328 10.752l-.213 2.133c-.491 5.184 2.816 9.984 7.851 11.328C389.675 167.829 448 244.032 448 330.667v32c0 5.888 4.779 10.667 10.667 10.667H480c5.867 0 10.667 4.779 10.667 10.667 0 5.887-4.8 10.666-10.667 10.666z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-37.202"
x2="-32.204"
y1="625.317"
y2="620.319"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13553.445)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M256 202.667c-47.061 0-85.333 28.715-85.333 64s38.272 64 85.333 64 85.333-28.715 85.333-64-38.272-64-85.333-64zm0 106.666c-34.688 0-64-19.541-64-42.667C192 243.541 221.312 224 256 224s64 19.541 64 42.667c0 23.125-29.312 42.666-64 42.666z"
fill="url(#b)"
/>
</svg>
More icons in the same style and category