Ícone Bezier Hexagon
glyphs-poly:bezier-hexagon
O ícone Bezier Hexagon (glyphs-poly:bezier-hexagon) é um ícone SVG gratuito da coleção Glyphs Poly de Goran Spasojevic. Ele é desenhado em uma grade de 80 × 80. Glyphs Poly 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
- Glyphs Poly
- Autor
- Goran Spasojevic
- Licença
- MIT
- Tamanho
- 80 × 80
- Tags
- bezierhexagon
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#6fcf97" d="m23 57.474l-1 1.732zm9.108 5.258l-1 1.732zM56 57.474l1 1.732zm0-34.948l-1 1.732zm-9.108-5.258l-1 1.732zm-14.784 0l-1-1.732zM20 24.258V30.5h4v-6.242zm11.108-8.722L22 20.794l2 3.464L33.108 19zM44.572 17H34.428v4h10.144zM57 20.794l-9.108-5.258l-2 3.464L55 24.258zm2 9.706v-6.242h-4V30.5zm1.883 0H59v4h1.883zm4 15v-11h-4v11zM59 49.5h1.883v-4H59zm0 6.242V49.5h-4v6.242zm-11.108 8.722L57 59.206l-2-3.464L45.892 61zM34.428 63h10.144v-4H34.428zM22 59.206l9.108 5.258l2-3.464L24 55.742zM20 49.5v6.242h4V49.5zm-1.883 0H20v-4h-1.883zm-4-15v11h4v-11zm5.883-4h-1.883v4H20zm-1.883 4v-4a4 4 0 0 0-4 4zm0 11h-4a4 4 0 0 0 4 4zm5.883 4a4 4 0 0 0-4-4v4zm0 6.242h-4a4 4 0 0 0 2 3.464zm7.5 6.186c0-.825.893-1.34 1.608-.928l-2 3.464c1.952 1.127 4.392-.282 4.392-2.536zM34.428 59a2.93 2.93 0 0 0-2.928 2.928h4c0 .592-.48 1.072-1.072 1.072zM47.5 61.928A2.93 2.93 0 0 0 44.572 59v4c-.592 0-1.072-.48-1.072-1.072zM45.892 61a1.072 1.072 0 0 1 1.608.928h-4c0 2.254 2.44 3.663 4.392 2.536zM55 55.742l2 3.464a4 4 0 0 0 2-3.464zM59 45.5a4 4 0 0 0-4 4h4zm1.883 0v4a4 4 0 0 0 4-4zm0-11h4a4 4 0 0 0-4-4zM55 30.5a4 4 0 0 0 4 4v-4zm0-6.242h4a4 4 0 0 0-2-3.464zm-7.5-6.186c0 .825-.893 1.34-1.608.928l2-3.464c-1.952-1.127-4.392.282-4.392 2.536zM44.572 21a2.93 2.93 0 0 0 2.928-2.928h-4c0-.592.48-1.072 1.072-1.072zM31.5 18.072A2.93 2.93 0 0 0 34.428 21v-4c.592 0 1.072.48 1.072 1.072zm1.608.928a1.072 1.072 0 0 1-1.608-.928h4c0-2.254-2.44-3.663-4.392-2.536zM20 30.5v4a4 4 0 0 0 4-4zm4-6.242l-2-3.464a4 4 0 0 0-2 3.464z"/><path fill="#f2994a" stroke="#f2994a" stroke-linecap="square" stroke-linejoin="round" stroke-width="4" d="M33.5 7h12v12h-12zm0 54h12v12h-12zM10 20.5h12v12H10zm0 27h12v12H10zm47-27h12v12H57zm0 27h12v12H57z"/></g></svg>Como usar o ícone Bezier Hexagon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:bezier-hexagon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:bezier-hexagon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:bezier-hexagon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--bezier-hexagon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:bezier-hexagon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:bezier-hexagon"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/glyphs-poly/bezier-hexagon.svg" alt="Ícone Bezier Hexagon" width="24" height="24">Ícones relacionados em Glyphs Poly
O ícone Bezier Hexagon em outras coleções
Perguntas frequentes sobre Ícone Bezier Hexagon
O ícone Bezier Hexagon é grátis para uso comercial?
Sim. Glyphs Poly icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Bezier Hexagon no React?
Instale @iconify/react e renderize <Icon icon="glyphs-poly:bezier-hexagon" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Bezier Hexagon a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/glyphs-poly/bezier-hexagon.svg" alt="Ícone Bezier Hexagon">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.