Umbrella Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Umbrella 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/306826.svg" alt="Umbrella icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/306826.svg" alt="Umbrella icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/306826.svg" alt="Umbrella icon" :width="24" :height="24" />
CSS background
.icon-umbrella {
background-image: url('https://proicons.com/icon/306826.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="M930 500c-21-13-50-21-81-21-51 0-94 20-110 48-3 5-5 9-6 9s-4-4-7-9c-16-28-59-48-110-48-31 0-60 8-81 20-5 3-9 11-9 17v265c0 68-53 124-119 124s-119-56-119-124c0-16 12-28 27-28s26 12 26 28c0 38 30 69 67 69s66-31 66-69V516c0-6-4-13-9-16-21-13-49-21-81-21-50 0-93 20-109 48-3 5-6 9-7 9s-4-4-7-9c-16-28-59-48-109-48-32 0-60 7-81 20-5 3-9 1-8-5 22-187 190-335 401-351 5 0 10-5 10-11v-10c0-15 12-27 26-27s27 12 27 27v10s4 11 10 11c211 16 379 164 401 352 0 6-3 8-8 5z"/></svg>
More from IcoFont
View all
Umbrella in other icon packs
Copied!