Umbrella Off Sharp Duotone icon
keyline-icons:umbrella-off-sharp-duotone
The Umbrella Off Sharp Duotone icon (keyline-icons:umbrella-off-sharp-duotone) is a free SVG icon from the Keyline Icons set. It is drawn on a 24 × 24 grid. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Keyline Icons
- Author
- Keyline Icons
- License
- MIT
- Size
- 24 × 24
- Tags
- umbrellaoff, offsharp, sharpduotone, umbrellaoffsharpduotone
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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>
How to use the Umbrella Off Sharp Duotone icon
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:umbrella-off-sharp-duotone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:umbrella-off-sharp-duotone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:umbrella-off-sharp-duotone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--umbrella-off-sharp-duotone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:umbrella-off-sharp-duotone"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:umbrella-off-sharp-duotone"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/keyline-icons/umbrella-off-sharp-duotone.svg" alt="Umbrella Off Sharp Duotone icon" width="24" height="24">
Related icons in Keyline Icons
Umbrella Off Sharp Duotone icon FAQ
Is the Umbrella Off Sharp Duotone icon free for commercial use?
Yes. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Umbrella Off Sharp Duotone icon in React?
Install @iconify/react and render <Icon icon="keyline-icons:umbrella-off-sharp-duotone" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Umbrella Off Sharp Duotone icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/umbrella-off-sharp-duotone.svg" alt="Umbrella Off Sharp Duotone icon">, or paste the SVG code inline to style it with CSS.
Browse all Keyline Icons →
ICONYZ
