umbrella icon
umbrella-outline from Health Icons by Resolve to Save Lives · Outline · Objects · MIT Free for personal and commercial use.
- Name
- umbrella-outline
- Set
- Health Icons
- Style
- Outline
- Category
- Objects
- Viewbox
- 48×48
- License
- MIT
- Aliases
- umbrella2x-outline
1 other variant in Health Icons
The same icon in other sets
umbrellaAkar IconsumbrellaBootstrap IconsumbrellaCarbonumbrellaEmoji One (Colored)umbrellaElement Plusumbrella-fillEva IconsumbrellaFramework7 IconsumbrellaFont Awesome 6 SolidumbrellaFont Awesome SolidumbrellaFeather Iconsumbrella-20-filledFluent UI System IconsumbrellaFluent EmojiumbrellaFluent Emoji FlatumbrellaFluent Emoji High ContrastumbrellaFirefox OS Emojiumbrellacss.ggumbrellaHuge IconsumbrellaIconParkumbrellaIconPark OutlineumbrellaIconPark SolidumbrellaIconPark TwoToneumbrellaIconoirumbrellaIonIconsumbrellaJam Icons
More objects icons from Health Icons
Use the umbrella icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M23.99 4a1 1 0 0 1 1 1v1.005c8.438.467 15.33 6.732 16.76 14.877a18 18 0 0 1 .245 2.141c.016.293-.34.343-.557.147l-.125-.11a7.2 7.2 0 0 0-1.404-.946a7.2 7.2 0 0 0-3.3-.798a7.2 7.2 0 0 0-5.442 2.474a.66.66 0 0 1-.497.233a.66.66 0 0 1-.454-.187a9 9 0 0 0-5.24-2.463V39.5a2.5 2.5 0 0 0 5 0V38a1 1 0 1 1 2 0v1.5a4.5 4.5 0 1 1-9 0V21.37a9 9 0 0 0-5.28 2.476a.62.62 0 0 1-.43.177a.63.63 0 0 1-.471-.22a7.2 7.2 0 0 0-5.451-2.487a7.2 7.2 0 0 0-4.83 1.854c-.218.196-.573.146-.557-.147a18 18 0 0 1 .245-2.14C7.633 12.727 14.54 6.458 22.99 6.002V5a1 1 0 0 1 1-1m0 4q-.108 0-.209-.022c-7.301.087-13.43 5.051-15.28 11.785a9.2 9.2 0 0 1 2.843-.447c2.287 0 4.381.835 5.991 2.213a10.98 10.98 0 0 1 6.626-2.213c2.493 0 4.795.83 6.641 2.225a9.2 9.2 0 0 1 6.006-2.225a9.2 9.2 0 0 1 2.842.447C37.603 13.037 31.486 8.077 24.197 7.98a1 1 0 0 1-.207.02" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function HealthiconsUmbrellaOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fillRule="evenodd" d="M23.99 4a1 1 0 0 1 1 1v1.005c8.438.467 15.33 6.732 16.76 14.877a18 18 0 0 1 .245 2.141c.016.293-.34.343-.557.147l-.125-.11a7.2 7.2 0 0 0-1.404-.946a7.2 7.2 0 0 0-3.3-.798a7.2 7.2 0 0 0-5.442 2.474a.66.66 0 0 1-.497.233a.66.66 0 0 1-.454-.187a9 9 0 0 0-5.24-2.463V39.5a2.5 2.5 0 0 0 5 0V38a1 1 0 1 1 2 0v1.5a4.5 4.5 0 1 1-9 0V21.37a9 9 0 0 0-5.28 2.476a.62.62 0 0 1-.43.177a.63.63 0 0 1-.471-.22a7.2 7.2 0 0 0-5.451-2.487a7.2 7.2 0 0 0-4.83 1.854c-.218.196-.573.146-.557-.147a18 18 0 0 1 .245-2.14C7.633 12.727 14.54 6.458 22.99 6.002V5a1 1 0 0 1 1-1m0 4q-.108 0-.209-.022c-7.301.087-13.43 5.051-15.28 11.785a9.2 9.2 0 0 1 2.843-.447c2.287 0 4.381.835 5.991 2.213a10.98 10.98 0 0 1 6.626-2.213c2.493 0 4.795.83 6.641 2.225a9.2 9.2 0 0 1 6.006-2.225a9.2 9.2 0 0 1 2.842.447C37.603 13.037 31.486 8.077 24.197 7.98a1 1 0 0 1-.207.02" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M23.99 4a1 1 0 0 1 1 1v1.005c8.438.467 15.33 6.732 16.76 14.877a18 18 0 0 1 .245 2.141c.016.293-.34.343-.557.147l-.125-.11a7.2 7.2 0 0 0-1.404-.946a7.2 7.2 0 0 0-3.3-.798a7.2 7.2 0 0 0-5.442 2.474a.66.66 0 0 1-.497.233a.66.66 0 0 1-.454-.187a9 9 0 0 0-5.24-2.463V39.5a2.5 2.5 0 0 0 5 0V38a1 1 0 1 1 2 0v1.5a4.5 4.5 0 1 1-9 0V21.37a9 9 0 0 0-5.28 2.476a.62.62 0 0 1-.43.177a.63.63 0 0 1-.471-.22a7.2 7.2 0 0 0-5.451-2.487a7.2 7.2 0 0 0-4.83 1.854c-.218.196-.573.146-.557-.147a18 18 0 0 1 .245-2.14C7.633 12.727 14.54 6.458 22.99 6.002V5a1 1 0 0 1 1-1m0 4q-.108 0-.209-.022c-7.301.087-13.43 5.051-15.28 11.785a9.2 9.2 0 0 1 2.843-.447c2.287 0 4.381.835 5.991 2.213a10.98 10.98 0 0 1 6.626-2.213c2.493 0 4.795.83 6.641 2.225a9.2 9.2 0 0 1 6.006-2.225a9.2 9.2 0 0 1 2.842.447C37.603 13.037 31.486 8.077 24.197 7.98a1 1 0 0 1-.207.02" clip-rule="evenodd"/></svg> </template>
CSS
.icon-umbrella-outline {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M23.99%204a1%201%200%200%201%201%201v1.005c8.438.467%2015.33%206.732%2016.76%2014.877a18%2018%200%200%201%20.245%202.141c.016.293-.34.343-.557.147l-.125-.11a7.2%207.2%200%200%200-1.404-.946a7.2%207.2%200%200%200-3.3-.798a7.2%207.2%200%200%200-5.442%202.474a.66.66%200%200%201-.497.233a.66.66%200%200%201-.454-.187a9%209%200%200%200-5.24-2.463V39.5a2.5%202.5%200%200%200%205%200V38a1%201%200%201%201%202%200v1.5a4.5%204.5%200%201%201-9%200V21.37a9%209%200%200%200-5.28%202.476a.62.62%200%200%201-.43.177a.63.63%200%200%201-.471-.22a7.2%207.2%200%200%200-5.451-2.487a7.2%207.2%200%200%200-4.83%201.854c-.218.196-.573.146-.557-.147a18%2018%200%200%201%20.245-2.14C7.633%2012.727%2014.54%206.458%2022.99%206.002V5a1%201%200%200%201%201-1m0%204q-.108%200-.209-.022c-7.301.087-13.43%205.051-15.28%2011.785a9.2%209.2%200%200%201%202.843-.447c2.287%200%204.381.835%205.991%202.213a10.98%2010.98%200%200%201%206.626-2.213c2.493%200%204.795.83%206.641%202.225a9.2%209.2%200%200%201%206.006-2.225a9.2%209.2%200%200%201%202.842.447C37.603%2013.037%2031.486%208.077%2024.197%207.98a1%201%200%200%201-.207.02%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M23.99%204a1%201%200%200%201%201%201v1.005c8.438.467%2015.33%206.732%2016.76%2014.877a18%2018%200%200%201%20.245%202.141c.016.293-.34.343-.557.147l-.125-.11a7.2%207.2%200%200%200-1.404-.946a7.2%207.2%200%200%200-3.3-.798a7.2%207.2%200%200%200-5.442%202.474a.66.66%200%200%201-.497.233a.66.66%200%200%201-.454-.187a9%209%200%200%200-5.24-2.463V39.5a2.5%202.5%200%200%200%205%200V38a1%201%200%201%201%202%200v1.5a4.5%204.5%200%201%201-9%200V21.37a9%209%200%200%200-5.28%202.476a.62.62%200%200%201-.43.177a.63.63%200%200%201-.471-.22a7.2%207.2%200%200%200-5.451-2.487a7.2%207.2%200%200%200-4.83%201.854c-.218.196-.573.146-.557-.147a18%2018%200%200%201%20.245-2.14C7.633%2012.727%2014.54%206.458%2022.99%206.002V5a1%201%200%200%201%201-1m0%204q-.108%200-.209-.022c-7.301.087-13.43%205.051-15.28%2011.785a9.2%209.2%200%200%201%202.843-.447c2.287%200%204.381.835%205.991%202.213a10.98%2010.98%200%200%201%206.626-2.213c2.493%200%204.795.83%206.641%202.225a9.2%209.2%200%200%201%206.006-2.225a9.2%209.2%200%200%201%202.842.447C37.603%2013.037%2031.486%208.077%2024.197%207.98a1%201%200%200%201-.207.02%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/umbrella-outline.svg?color=%231a73e8&size=48
