Ícone Kette

si-glyph:kette

O ícone Kette (si-glyph:kette) é um ícone SVG gratuito da coleção SmartIcons Glyph de SmartIcons. Ele é desenhado em uma grade de 17 × 17. SmartIcons Glyph icons são publicados sob a licença CC BY SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: SmartIcons Glyph
Autor: SmartIcons
Licença: CC-BY-SA-4.0
Tamanho: 17 × 17

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17"><g fill="none" fill-rule="evenodd"><path d="m2.4 4.945l.683 7.262l1.044-.001c.173-3.921.648-5.88 1.33-7.604l-2.975.337z"/><path fill="currentColor" d="M4.051 16.081c0 .416.009.476.022.878h9.857c.013-.402.022-.462.022-.878v-.019H4.05zm.076-3.875l-1.044.001L2.4 4.945l.082-.006l2.975-.337c-.682 1.724-1.157 3.683-1.33 7.604m8.947-7.878l-.506-.319c-.16-.417-.338-.597-.521-.915H6.379c-.056.077-4.027.509-4.027.509c-.715.025-1.289.627-1.286 1.414l.669 7.171c0 .749.846 1.357 1.583 1.357h.763c-.012.438-.001.95-.004 1.417h9.892c-.03-3.34-.173-5.917-.523-7.898c.005-.01 2.462-2.47 2.462-2.47c.152-.319-.419-.327-.908-.563c0 0-1.773-.02-1.926.297M7.031 1.997h4.914c-.735-.845-1.446-.955-2.361-.955c-.71 0-1.945.29-2.553.955"/></g></svg>

Como usar o ícone Kette

React

import { Icon } from "@iconify/react";

<Icon icon="si-glyph:kette" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="si-glyph:kette" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="si-glyph:kette" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[si-glyph--kette]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/si-glyph -->
<div class="i-si-glyph:kette"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="si-glyph:kette"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/si-glyph/kette.svg" alt="Ícone Kette" width="24" height="24">

Perguntas frequentes sobre Ícone Kette

O ícone Kette é grátis para uso comercial?

Sim. SmartIcons Glyph icons são publicados sob a licença CC BY SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença.

Como uso o ícone Kette no React?

Instale @iconify/react e renderize <Icon icon="si-glyph:kette" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Kette a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/si-glyph/kette.svg" alt="Ícone Kette">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones SmartIcons Glyph →