Hat Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Hat icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/305834.svg" alt="Hat icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/305834.svg" alt="Hat icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/305834.svg" alt="Hat icon" :width="24" :height="24" />
CSS background
.icon-hat {
background-image: url('https://proicons.com/icon/305834.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M978 313c-145-45-290-91-434-136-8-3-16-5-24-8h-4c-4 2-8 3-11 4-76 23-151 45-226 68-74 23-148 46-222 70-6 1-11 4-16 7-12 7-13 19-2 28 6 5 14 10 23 12 45 15 90 28 136 42 3 1 8-1 12-3 10-8 19-17 29-24 62-46 132-72 208-78 30-3 61-1 91-1 16 1 26 12 25 28 0 14-12 24-27 24-6-1-12-1-17-1-71-4-138 7-201 40-19 9-36 21-55 33 3 2 4 3 5 3 73 23 147 46 221 68 21 6 42 7 63 0 142-45 284-90 426-136 8-3 15-10 22-16v-9c-7-5-14-12-22-15zm-531 25c29-3 59-1 88-1 10 0 18-6 19-15s-5-16-15-18c-2-1-5-1-7-1-39-2-77-2-116 5-100 17-182 65-245 144-5 7-10 11-19 12-16 4-27 14-31 31s-1 30 12 41c6 6 7 13 7 21-3 33-15 63-35 89-27 36-56 71-84 106-2 3-5 5-7 8 44-30 76-70 100-116 9 1 9 6 6 11-13 19-24 40-38 59-23 32-50 60-82 82v2c11 7 23 13 34 20 2-2 3-3 4-3 28-34 55-69 74-109 2-5 5-9 11-3-13 45-32 88-65 125 9 1 17 2 24 2 27 1 50-7 63-33 3-8 8-15 11-23 30-73 44-147 34-226-1-4 1-9 3-12 14-16 17-36 5-54-3-5-3-8 1-12 65-79 148-122 248-133zM262 549c24 12 49 25 74 34 87 31 177 36 267 19 59-11 115-31 167-61 5-3 8-6 5-13-3-11-6-23-9-35-3-14-7-28-11-42-2 1-2 1-3 1-66 17-131 35-197 52-15 5-31 8-48 4-31-7-62-13-93-21-45-11-90-24-135-36-1 1-2 2-2 3-7 29-14 57-20 85-1 3 2 9 5 10zm-7 17c-6 19-6 19 9 32 28 25 60 45 94 62 62 28 126 41 193 32 85-11 158-49 221-106 12-11 13-14 5-29-172 93-346 101-522 9z"/></svg>
More from IcoFont
View all
Hat in other icon packs
Copied!