Ícone Octogon 16
qlementine-icons:octogon-16
O ícone Octogon 16 (qlementine-icons:octogon-16) é um ícone SVG gratuito da coleção Qlementine Icons de Olivier Cléro. Ele é desenhado em uma grade de 24 × 24. Qlementine 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
- Qlementine Icons
- Autor
- Olivier Cléro
- Licença
- MIT
- Tamanho
- 24 × 24
- Categoria
- Forma
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M5.92 0c-.296 0-.595 0-.887.07a2.5 2.5 0 0 0-.723.298c-.256.157-.467.368-.676.578l-2.69 2.69c-.21.21-.421.42-.578.676a2.5 2.5 0 0 0-.299.723c-.07.292-.07.59-.07.887v4.15c0 .296 0 .595.07.887c.061.255.162.5.299.723c.157.256.368.466.578.676l2.69 2.69c.209.21.42.421.676.578c.224.137.468.238.723.3c.292.07.59.069.887.068h4.15c.296 0 .595.001.887-.069a2.5 2.5 0 0 0 .723-.299c.256-.157.466-.368.676-.578l2.69-2.69c.21-.209.421-.42.578-.676c.137-.224.238-.468.299-.723c.07-.292.07-.59.07-.887v-4.15c0-.296 0-.595-.07-.887a2.5 2.5 0 0 0-.299-.723c-.157-.256-.368-.467-.578-.676l-2.69-2.69c-.209-.21-.42-.42-.676-.578a2.5 2.5 0 0 0-.723-.299C10.665 0 10.367 0 10.07 0zM4.29 1.7c.259-.259.389-.389.541-.482a1.5 1.5 0 0 1 .434-.18c.173-.041.356-.041.723-.041h4.01c.367 0 .55 0 .723.041q.23.055.434.18c.151.093.281.222.54.482l2.59 2.59c.259.26.389.39.482.541q.124.203.18.434c.041.173.041.356.041.723v4.01c0 .367 0 .55-.041.723a1.5 1.5 0 0 1-.18.434c-.093.151-.222.281-.482.54l-2.59 2.59c-.259.26-.389.39-.54.482a1.5 1.5 0 0 1-.434.18c-.173.041-.356.041-.723.041h-4.01c-.367 0-.55 0-.723-.04a1.5 1.5 0 0 1-.434-.18c-.151-.094-.281-.223-.541-.483l-2.59-2.59c-.259-.259-.389-.389-.482-.54a1.5 1.5 0 0 1-.18-.434c-.041-.173-.041-.356-.041-.723v-4.01c0-.367 0-.55.041-.723q.055-.23.18-.434c.093-.15.222-.28.482-.54z" clip-rule="evenodd"/></svg>Como usar o ícone Octogon 16
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:octogon-16" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:octogon-16" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:octogon-16" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--octogon-16]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:octogon-16"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="qlementine-icons:octogon-16"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/qlementine-icons/octogon-16.svg" alt="Ícone Octogon 16" width="24" height="24">Ícones relacionados em Qlementine Icons
Perguntas frequentes sobre Ícone Octogon 16
O ícone Octogon 16 é grátis para uso comercial?
Sim. Qlementine Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Octogon 16 no React?
Instale @iconify/react e renderize <Icon icon="qlementine-icons:octogon-16" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Octogon 16 a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/qlementine-icons/octogon-16.svg" alt="Ícone Octogon 16">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.