Ícone Umbrella Off Sharp Duotone
keyline-icons:umbrella-off-sharp-duotone
O ícone Umbrella Off Sharp Duotone (keyline-icons:umbrella-off-sharp-duotone) é um ícone SVG gratuito da coleção Keyline Icons. Ele é desenhado em uma grade de 24 × 24. Keyline Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Keyline Icons
- Autor
- Keyline Icons
- Licença
- MIT
- Tamanho
- 24 × 24
- Tags
- umbrellaoff, offsharp, sharpduotone, umbrellaoffsharpduotone
Código SVG
<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>Como usar o ícone Umbrella Off Sharp Duotone
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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/keyline-icons/umbrella-off-sharp-duotone.svg" alt="Ícone Umbrella Off Sharp Duotone" width="24" height="24">Ícones relacionados em Keyline Icons
Perguntas frequentes sobre Ícone Umbrella Off Sharp Duotone
O ícone Umbrella Off Sharp Duotone é grátis para uso comercial?
Sim. Keyline Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Umbrella Off Sharp Duotone no React?
Instale @iconify/react e renderize <Icon icon="keyline-icons:umbrella-off-sharp-duotone" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Umbrella Off Sharp Duotone a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/keyline-icons/umbrella-off-sharp-duotone.svg" alt="Ícone Umbrella Off Sharp Duotone">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.