Ícone Open Umbrella Solid
streamline-plump:open-umbrella-solid
O ícone Open Umbrella Solid (streamline-plump:open-umbrella-solid) é um ícone SVG gratuito da coleção Plump free icons de Streamline. Ele é desenhado em uma grade de 48 × 48. Plump free icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Plump free icons
- Autor
- Streamline
- Licença
- CC-BY-4.0
- Tamanho
- 48 × 48
- Categoria
- Interface essencial
- Tags
- openumbrella, umbrellasolid, openumbrellasolid
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M21.988 2.671c.829-1.658 3.196-1.658 4.025 0l1.202 2.405c5.062.772 9.55 3.299 12.91 6.575c3.525 3.438 5.917 7.81 6.351 12.047c.133 1.295-.425 2.649-1.686 3.362c-2.125 1.202-7.158 3.118-17.98 3.404l.19 8.26C27 43.294 23.418 47 19 47s-8-3.705-8-8.276v-.76c0-1.122.65-2.137 1.763-2.272c.358-.043.77-.071 1.237-.071s.88.028 1.237.071c1.114.135 1.763 1.15 1.763 2.272v.76c0 1.143.896 2.07 2 2.07s2-.927 2-2.07l.19-8.26c-10.82-.286-15.854-2.202-17.98-3.404c-1.26-.713-1.818-2.067-1.685-3.362c.434-4.237 2.825-8.609 6.35-12.047c3.36-3.276 7.848-5.803 12.91-6.575z"/></svg>Como usar o ícone Open Umbrella Solid
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:open-umbrella-solid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:open-umbrella-solid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:open-umbrella-solid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--open-umbrella-solid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:open-umbrella-solid"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:open-umbrella-solid"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump/open-umbrella-solid.svg" alt="Ícone Open Umbrella Solid" width="24" height="24">Ícones relacionados em Plump free icons
O ícone Open Umbrella Solid em outras coleções
Perguntas frequentes sobre Ícone Open Umbrella Solid
O ícone Open Umbrella Solid é grátis para uso comercial?
Sim. Plump free icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Open Umbrella Solid no React?
Instale @iconify/react e renderize <Icon icon="streamline-plump:open-umbrella-solid" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Open Umbrella Solid a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-plump/open-umbrella-solid.svg" alt="Ícone Open Umbrella Solid">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.