umbrella icon
umbrella from Carbon by IBM · Outline · Tools · Apache-2.0 Free for personal and commercial use.
- Name
- umbrella
- Set
- Carbon
- Style
- Outline
- Category
- Tools
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
umbrellaAkar IconsumbrellaBootstrap IconsumbrellaEmoji 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.ggumbrellaHealth IconsumbrellaHuge IconsumbrellaIconParkumbrellaIconPark OutlineumbrellaIconPark SolidumbrellaIconPark TwoToneumbrellaIconoirumbrellaIonIconsumbrellaJam Icons
More tools icons from Carbon
Use the umbrella icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M29.985 15.83A14.38 14.38 0 0 0 17 4.046V2h-2v2.046A14.38 14.38 0 0 0 2.015 15.83a1 1 0 0 0 1.495 1.03A4.86 4.86 0 0 1 6 16a4.87 4.87 0 0 1 4.14 2.51a1.04 1.04 0 0 0 1.72 0A5.02 5.02 0 0 1 15 16.126V25.5a2.5 2.5 0 0 1-5 0V25H8v.5a4.5 4.5 0 0 0 9 0v-9.375a5.02 5.02 0 0 1 3.14 2.386a1 1 0 0 0 1.72 0A4.87 4.87 0 0 1 26 16a4.86 4.86 0 0 1 2.49.86a1 1 0 0 0 1.496-1.03ZM6 14a5.4 5.4 0 0 0-1.503.213A12.44 12.44 0 0 1 12.985 6.4a14.5 14.5 0 0 0-3.046 8.934A6.54 6.54 0 0 0 6 14m10 0a6.55 6.55 0 0 0-4.056 1.43c.037-2.22.608-6.49 4.056-9.176c3.43 2.677 4.009 6.95 4.052 9.173A6.55 6.55 0 0 0 16 14m10 0a6.54 6.54 0 0 0-3.939 1.333a14.5 14.5 0 0 0-3.046-8.934a12.44 12.44 0 0 1 8.488 7.814A5.4 5.4 0 0 0 26 14"/></svg>
React
import type { SVGProps } from "react";
export function CarbonUmbrella(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M29.985 15.83A14.38 14.38 0 0 0 17 4.046V2h-2v2.046A14.38 14.38 0 0 0 2.015 15.83a1 1 0 0 0 1.495 1.03A4.86 4.86 0 0 1 6 16a4.87 4.87 0 0 1 4.14 2.51a1.04 1.04 0 0 0 1.72 0A5.02 5.02 0 0 1 15 16.126V25.5a2.5 2.5 0 0 1-5 0V25H8v.5a4.5 4.5 0 0 0 9 0v-9.375a5.02 5.02 0 0 1 3.14 2.386a1 1 0 0 0 1.72 0A4.87 4.87 0 0 1 26 16a4.86 4.86 0 0 1 2.49.86a1 1 0 0 0 1.496-1.03ZM6 14a5.4 5.4 0 0 0-1.503.213A12.44 12.44 0 0 1 12.985 6.4a14.5 14.5 0 0 0-3.046 8.934A6.54 6.54 0 0 0 6 14m10 0a6.55 6.55 0 0 0-4.056 1.43c.037-2.22.608-6.49 4.056-9.176c3.43 2.677 4.009 6.95 4.052 9.173A6.55 6.55 0 0 0 16 14m10 0a6.54 6.54 0 0 0-3.939 1.333a14.5 14.5 0 0 0-3.046-8.934a12.44 12.44 0 0 1 8.488 7.814A5.4 5.4 0 0 0 26 14"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M29.985 15.83A14.38 14.38 0 0 0 17 4.046V2h-2v2.046A14.38 14.38 0 0 0 2.015 15.83a1 1 0 0 0 1.495 1.03A4.86 4.86 0 0 1 6 16a4.87 4.87 0 0 1 4.14 2.51a1.04 1.04 0 0 0 1.72 0A5.02 5.02 0 0 1 15 16.126V25.5a2.5 2.5 0 0 1-5 0V25H8v.5a4.5 4.5 0 0 0 9 0v-9.375a5.02 5.02 0 0 1 3.14 2.386a1 1 0 0 0 1.72 0A4.87 4.87 0 0 1 26 16a4.86 4.86 0 0 1 2.49.86a1 1 0 0 0 1.496-1.03ZM6 14a5.4 5.4 0 0 0-1.503.213A12.44 12.44 0 0 1 12.985 6.4a14.5 14.5 0 0 0-3.046 8.934A6.54 6.54 0 0 0 6 14m10 0a6.55 6.55 0 0 0-4.056 1.43c.037-2.22.608-6.49 4.056-9.176c3.43 2.677 4.009 6.95 4.052 9.173A6.55 6.55 0 0 0 16 14m10 0a6.54 6.54 0 0 0-3.939 1.333a14.5 14.5 0 0 0-3.046-8.934a12.44 12.44 0 0 1 8.488 7.814A5.4 5.4 0 0 0 26 14"/></svg> </template>
CSS
.icon-umbrella {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M29.985%2015.83A14.38%2014.38%200%200%200%2017%204.046V2h-2v2.046A14.38%2014.38%200%200%200%202.015%2015.83a1%201%200%200%200%201.495%201.03A4.86%204.86%200%200%201%206%2016a4.87%204.87%200%200%201%204.14%202.51a1.04%201.04%200%200%200%201.72%200A5.02%205.02%200%200%201%2015%2016.126V25.5a2.5%202.5%200%200%201-5%200V25H8v.5a4.5%204.5%200%200%200%209%200v-9.375a5.02%205.02%200%200%201%203.14%202.386a1%201%200%200%200%201.72%200A4.87%204.87%200%200%201%2026%2016a4.86%204.86%200%200%201%202.49.86a1%201%200%200%200%201.496-1.03ZM6%2014a5.4%205.4%200%200%200-1.503.213A12.44%2012.44%200%200%201%2012.985%206.4a14.5%2014.5%200%200%200-3.046%208.934A6.54%206.54%200%200%200%206%2014m10%200a6.55%206.55%200%200%200-4.056%201.43c.037-2.22.608-6.49%204.056-9.176c3.43%202.677%204.009%206.95%204.052%209.173A6.55%206.55%200%200%200%2016%2014m10%200a6.54%206.54%200%200%200-3.939%201.333a14.5%2014.5%200%200%200-3.046-8.934a12.44%2012.44%200%200%201%208.488%207.814A5.4%205.4%200%200%200%2026%2014%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M29.985%2015.83A14.38%2014.38%200%200%200%2017%204.046V2h-2v2.046A14.38%2014.38%200%200%200%202.015%2015.83a1%201%200%200%200%201.495%201.03A4.86%204.86%200%200%201%206%2016a4.87%204.87%200%200%201%204.14%202.51a1.04%201.04%200%200%200%201.72%200A5.02%205.02%200%200%201%2015%2016.126V25.5a2.5%202.5%200%200%201-5%200V25H8v.5a4.5%204.5%200%200%200%209%200v-9.375a5.02%205.02%200%200%201%203.14%202.386a1%201%200%200%200%201.72%200A4.87%204.87%200%200%201%2026%2016a4.86%204.86%200%200%201%202.49.86a1%201%200%200%200%201.496-1.03ZM6%2014a5.4%205.4%200%200%200-1.503.213A12.44%2012.44%200%200%201%2012.985%206.4a14.5%2014.5%200%200%200-3.046%208.934A6.54%206.54%200%200%200%206%2014m10%200a6.55%206.55%200%200%200-4.056%201.43c.037-2.22.608-6.49%204.056-9.176c3.43%202.677%204.009%206.95%204.052%209.173A6.55%206.55%200%200%200%2016%2014m10%200a6.54%206.54%200%200%200-3.939%201.333a14.5%2014.5%200%200%200-3.046-8.934a12.44%2012.44%200%200%201%208.488%207.814A5.4%205.4%200%200%200%2026%2014%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/umbrella.svg?color=%231a73e8&size=48
