Ícone Group
el:group
O ícone Group (el:group) é um ícone SVG gratuito da coleção Elusive Icons de Team Redux. Ele é desenhado em uma grade de 1200 × 1200. Elusive Icons são publicados sob a Open Font License, 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
- Elusive Icons
- Autor
- Team Redux
- Licença
- OFL-1.1
- Tamanho
- 1200 × 1200
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M596.847 188.488c-103.344 0-187.12 97.81-187.12 218.465c0 83.678 40.296 156.352 99.468 193.047l-68.617 31.801l-182.599 84.688c-17.64 8.821-26.444 23.778-26.444 44.947v201.102c1.451 25.143 16.537 48.577 40.996 48.974h649.62c27.924-2.428 42.05-24.92 42.325-48.974V761.436c0-21.169-8.804-36.126-26.443-44.947l-175.988-84.688l-73.138-34.65c56.744-37.521 95.061-108.624 95.061-190.197c-.001-120.656-83.778-218.466-187.121-218.466m-301.824 76.824c-44.473 1.689-79.719 20.933-106.497 51.596c-29.62 36.918-44.06 80.75-44.339 124.354c1.819 64.478 30.669 125.518 82.029 157.446L21.163 693.997C7.05 699.289 0 711.636 0 731.041v161.398c1.102 21.405 12.216 39.395 33.055 39.703h136.284V761.436c2.255-45.639 23.687-82.529 62.196-100.531l136.247-64.817c10.584-6.175 20.731-14.568 30.433-25.152c-56.176-86.676-63.977-190.491-27.773-281.801c-23.547-14.411-50.01-23.672-75.419-23.823m608.586 0c-29.083.609-55.96 11.319-78.039 26.444c35.217 92.137 25.503 196.016-26.482 276.52c11.467 13.23 23.404 23.377 35.753 30.434l130.965 62.195c39.897 21.881 60.47 59.098 60.866 100.532v170.707h140.235c23.063-1.991 32.893-20.387 33.093-39.704V731.042c0-17.641-7.05-29.987-21.163-37.045l-202.431-96.618c52.498-38.708 78.859-96.72 79.369-156.117c-1.396-47.012-15.757-90.664-44.339-124.354c-29.866-32.399-66.91-51.253-107.827-51.596"/></svg>
Como usar o ícone Group
React
import { Icon } from "@iconify/react";
<Icon icon="el:group" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="el:group" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="el:group" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[el--group]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:group"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="el:group"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/el/group.svg" alt="Ícone Group" width="24" height="24">
Ícones relacionados em Elusive Icons
O ícone Group em outras coleções
Perguntas frequentes sobre Ícone Group
O ícone Group é grátis para uso comercial?
Sim. Elusive Icons são publicados sob a Open Font License, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Group no React?
Instale @iconify/react e renderize <Icon icon="el:group" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Group a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/el/group.svg" alt="Ícone Group">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Elusive Icons →
ICONYZ
