Hat Alt Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Hat Alt 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/305833.svg" alt="Hat Alt icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/305833.svg" alt="Hat Alt icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/305833.svg" alt="Hat Alt icon" :width="24" :height="24" />
CSS background
.icon-hat-alt {
background-image: url('https://proicons.com/icon/305833.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="M861 820c-10 0-20 1-30 0-13-1-19-10-15-23 7-19 13-39 21-59 2-5 1-8-4-11-32-24-30-69 3-90 5-3 6-6 6-11V389c0-9-2-10-10-8-103 27-207 53-310 79-16 4-31 4-46 1-154-40-308-80-460-127-9-3-16-7-16-18 0-10 8-13 16-16 96-29 192-51 289-76 51-14 103-26 155-39 29-8 59-7 88 1 145 37 290 75 432 122 2 0 3 1 5 1 9 3 16 8 15 18 0 10-7 13-16 15-34 9-68 18-102 26-6 2-8 4-8 10v247c0 5 2 7 6 9 39 18 43 67 9 93-5 3-5 6-3 12 7 19 13 37 20 56 5 16-1 25-18 25h-27zM178 470c0-16 1-33 0-50 0-8 2-9 10-7 63 18 127 36 192 51 35 9 71 17 106 26 20 4 38-1 56-6 89-24 178-45 266-68 14-3 14-3 14 11v87c0 20-7 36-21 49-21 21-47 33-74 42-53 18-109 27-165 30-61 5-122 3-183-6-46-6-92-16-135-36-18-8-35-18-48-32-12-13-18-28-18-46v-45z"/></svg>
Copied!