Ícone Hockey Sticks Fill
keyline-icons:hockey-sticks-fill
O ícone Hockey Sticks Fill (keyline-icons:hockey-sticks-fill) é um ícone SVG gratuito da coleção Keyline Icons. Ele é desenhado em uma grade de 24 × 24. Keyline 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
- Keyline Icons
- Autor
- Keyline Icons
- Licença
- MIT
- Tamanho
- 24 × 24
- Tags
- hockeysticks, sticksfill, hockeysticksfill, stick
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" d="M3.4356 6.5569C3.1505 6.0875 2.9998 5.5488 2.9998 4.9996C2.9998 3.3427 4.3429 1.9996 5.9998 1.9996C7.0481 1.9996 8.0204 2.5468 8.5644 3.443L16.1882 16L19 16C20.6569 16 22 17.3431 22 19C22 20.6569 20.6569 22 19 22L14.5 22C13.4518 22 12.4796 21.4529 11.9356 20.5569L3.4356 6.5569Z" stroke="none"/><path d="M14.3398 7.1749L16.2904 3.962C16.6531 3.3647 17.3012 3 18 3C19.1046 3 20 3.8954 20 5C20 5.366 19.8995 5.725 19.7096 6.0379L16.6795 11.0286M8.695 21L5 21C3.8954 21 3 20.1046 3 19C3 17.8954 3.8954 17 5 17L6.2664 17"/></g></svg>Como usar o ícone Hockey Sticks Fill
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:hockey-sticks-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:hockey-sticks-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:hockey-sticks-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--hockey-sticks-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:hockey-sticks-fill"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:hockey-sticks-fill"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/keyline-icons/hockey-sticks-fill.svg" alt="Ícone Hockey Sticks Fill" width="24" height="24">Ícones relacionados em Keyline Icons
Perguntas frequentes sobre Ícone Hockey Sticks Fill
O ícone Hockey Sticks Fill é grátis para uso comercial?
Sim. Keyline Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Hockey Sticks Fill no React?
Instale @iconify/react e renderize <Icon icon="keyline-icons:hockey-sticks-fill" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Hockey Sticks Fill a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/keyline-icons/hockey-sticks-fill.svg" alt="Ícone Hockey Sticks Fill">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.