ICONYZ
Português (Brasil)
Ícone Open Umbrella Solid de Plump free icons

Í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
Baixar SVG

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.

Ver todos os Plump free icons →