Ícone Widget
streamline-plump:widget
O ícone Widget (streamline-plump:widget) é 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
- Programação
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M3.317 6.457a3.375 3.375 0 0 1 3.14-3.14C8.466 3.16 11.592 3 16 3s7.534.16 9.543.317a3.375 3.375 0 0 1 3.14 3.14C28.84 8.466 29 11.592 29 16s-.16 7.534-.317 9.543a3.375 3.375 0 0 1-3.14 3.14C23.534 28.84 20.408 29 16 29s-7.534-.16-9.543-.317a3.375 3.375 0 0 1-3.14-3.14C3.16 23.534 3 20.408 3 16s.16-7.534.317-9.543m31.712 15.629c.055-1.708 1.349-3.002 3.057-3.057Q38.91 19.001 40 19q1.089.001 1.914.029c1.708.055 3.002 1.349 3.057 3.057q.028.824.029 1.914q-.001 1.089-.029 1.914c-.055 1.708-1.349 3.002-3.057 3.057Q41.09 28.999 40 29q-1.089-.001-1.914-.029c-1.708-.055-3.002-1.349-3.057-3.057A60 60 0 0 1 35 24q.001-1.089.029-1.914M3.303 37.084c.282-1.217 1.425-1.874 2.674-1.905C8.755 35.109 14.558 35 24 35s15.245.108 18.023.179c1.249.032 2.392.688 2.674 1.905c.17.733.303 1.697.303 2.916s-.134 2.183-.303 2.916c-.282 1.217-1.425 1.874-2.674 1.905c-2.778.07-8.581.179-18.023.179s-15.245-.108-18.023-.179c-1.249-.032-2.392-.688-2.674-1.905C3.133 42.183 3 41.219 3 40s.134-2.183.303-2.916M35.029 6.086c.055-1.708 1.349-3.002 3.057-3.057Q38.91 3.001 40 3q1.089.001 1.914.029c1.708.055 3.002 1.349 3.057 3.057Q44.999 6.91 45 8c.001 1.09-.011 1.363-.029 1.914c-.055 1.708-1.349 3.002-3.057 3.057Q41.09 12.999 40 13q-1.089-.001-1.914-.029c-1.708-.055-3.002-1.349-3.057-3.057Q35.001 9.09 35 8c-.001-1.09.011-1.363.029-1.914"/></svg>
Como usar o ícone Widget
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:widget" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:widget" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:widget" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--widget]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:widget"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:widget"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump/widget.svg" alt="Ícone Widget" width="24" height="24">
Ícones relacionados em Plump free icons
O ícone Widget em outras coleções
Perguntas frequentes sobre Ícone Widget
O ícone Widget é 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 Widget no React?
Instale @iconify/react e renderize <Icon icon="streamline-plump:widget" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Widget a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-plump/widget.svg" alt="Ícone Widget">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Plump free icons →
ICONYZ
