umbrella off icon
umbrella-off-sharp-duotone from Keyline Icons by Keyline Icons · Sharp Duotone · MIT Free for personal and commercial use.
- Name
- umbrella-off-sharp-duotone
- Set
- Keyline Icons
- Style
- Sharp Duotone
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
All umbrella off icons →Use the umbrella off icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M12 12H13V19C13 20.1046 13.8954 21 15 21C16.1046 21 17 20.1046 17 19V18H19V19C19 21.2092 17.2092 23 15 23C12.7908 23 11 21.2092 11 19V12.3125C10.117 11.1617 8.6578 11.234 7.84766 12.5303C7.45591 13.1565 6.54409 13.1565 6.15234 12.5303C5.29404 11.157 3.70596 11.157 2.84766 12.5303C2.31501 13.3818 1 13.0046 1 12C1 8.9625 2.23108 6.21238 4.22168 4.22168L12 12Z" stroke="none"/><path fill="currentColor" fill-opacity=".4" d="M12 1C18.0751 1 23 5.9249 23 12C23 13.0046 21.685 13.3818 21.1523 12.5303C20.294 11.157 18.706 11.157 17.8477 12.5303C17.4559 13.1565 16.5441 13.1565 16.1523 12.5303C15.885 12.1027 15.5462 11.8078 15.1816 11.6465L6.19238 2.65625C7.87782 1.60647 9.86813 1 12 1Z" stroke="none"/><path d="M1.70703 1.70703L22.2928 22.2928"/></g></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsUmbrellaOffSharpDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="2"><path fill="currentColor" fillOpacity=".4" d="M12 12H13V19C13 20.1046 13.8954 21 15 21C16.1046 21 17 20.1046 17 19V18H19V19C19 21.2092 17.2092 23 15 23C12.7908 23 11 21.2092 11 19V12.3125C10.117 11.1617 8.6578 11.234 7.84766 12.5303C7.45591 13.1565 6.54409 13.1565 6.15234 12.5303C5.29404 11.157 3.70596 11.157 2.84766 12.5303C2.31501 13.3818 1 13.0046 1 12C1 8.9625 2.23108 6.21238 4.22168 4.22168L12 12Z" stroke="none"/><path fill="currentColor" fillOpacity=".4" d="M12 1C18.0751 1 23 5.9249 23 12C23 13.0046 21.685 13.3818 21.1523 12.5303C20.294 11.157 18.706 11.157 17.8477 12.5303C17.4559 13.1565 16.5441 13.1565 16.1523 12.5303C15.885 12.1027 15.5462 11.8078 15.1816 11.6465L6.19238 2.65625C7.87782 1.60647 9.86813 1 12 1Z" stroke="none"/><path d="M1.70703 1.70703L22.2928 22.2928"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M12 12H13V19C13 20.1046 13.8954 21 15 21C16.1046 21 17 20.1046 17 19V18H19V19C19 21.2092 17.2092 23 15 23C12.7908 23 11 21.2092 11 19V12.3125C10.117 11.1617 8.6578 11.234 7.84766 12.5303C7.45591 13.1565 6.54409 13.1565 6.15234 12.5303C5.29404 11.157 3.70596 11.157 2.84766 12.5303C2.31501 13.3818 1 13.0046 1 12C1 8.9625 2.23108 6.21238 4.22168 4.22168L12 12Z" stroke="none"/><path fill="currentColor" fill-opacity=".4" d="M12 1C18.0751 1 23 5.9249 23 12C23 13.0046 21.685 13.3818 21.1523 12.5303C20.294 11.157 18.706 11.157 17.8477 12.5303C17.4559 13.1565 16.5441 13.1565 16.1523 12.5303C15.885 12.1027 15.5462 11.8078 15.1816 11.6465L6.19238 2.65625C7.87782 1.60647 9.86813 1 12 1Z" stroke="none"/><path d="M1.70703 1.70703L22.2928 22.2928"/></g></svg> </template>
CSS
.icon-umbrella-off-sharp-duotone {
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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M12%2012H13V19C13%2020.1046%2013.8954%2021%2015%2021C16.1046%2021%2017%2020.1046%2017%2019V18H19V19C19%2021.2092%2017.2092%2023%2015%2023C12.7908%2023%2011%2021.2092%2011%2019V12.3125C10.117%2011.1617%208.6578%2011.234%207.84766%2012.5303C7.45591%2013.1565%206.54409%2013.1565%206.15234%2012.5303C5.29404%2011.157%203.70596%2011.157%202.84766%2012.5303C2.31501%2013.3818%201%2013.0046%201%2012C1%208.9625%202.23108%206.21238%204.22168%204.22168L12%2012Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M12%201C18.0751%201%2023%205.9249%2023%2012C23%2013.0046%2021.685%2013.3818%2021.1523%2012.5303C20.294%2011.157%2018.706%2011.157%2017.8477%2012.5303C17.4559%2013.1565%2016.5441%2013.1565%2016.1523%2012.5303C15.885%2012.1027%2015.5462%2011.8078%2015.1816%2011.6465L6.19238%202.65625C7.87782%201.60647%209.86813%201%2012%201Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M1.70703%201.70703L22.2928%2022.2928%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M12%2012H13V19C13%2020.1046%2013.8954%2021%2015%2021C16.1046%2021%2017%2020.1046%2017%2019V18H19V19C19%2021.2092%2017.2092%2023%2015%2023C12.7908%2023%2011%2021.2092%2011%2019V12.3125C10.117%2011.1617%208.6578%2011.234%207.84766%2012.5303C7.45591%2013.1565%206.54409%2013.1565%206.15234%2012.5303C5.29404%2011.157%203.70596%2011.157%202.84766%2012.5303C2.31501%2013.3818%201%2013.0046%201%2012C1%208.9625%202.23108%206.21238%204.22168%204.22168L12%2012Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M12%201C18.0751%201%2023%205.9249%2023%2012C23%2013.0046%2021.685%2013.3818%2021.1523%2012.5303C20.294%2011.157%2018.706%2011.157%2017.8477%2012.5303C17.4559%2013.1565%2016.5441%2013.1565%2016.1523%2012.5303C15.885%2012.1027%2015.5462%2011.8078%2015.1816%2011.6465L6.19238%202.65625C7.87782%201.60647%209.86813%201%2012%201Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M1.70703%201.70703L22.2928%2022.2928%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/umbrella-off-sharp-duotone.svg?color=%231a73e8&size=48
