Ícone Hockey Sticks Two Tone
keyline-icons:hockey-sticks-two-tone
O ícone Hockey Sticks Two Tone (keyline-icons:hockey-sticks-two-tone) é 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, stickstwo, twotone, hockeystickstwotone, 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" fill-opacity=".4" 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="M4.2904 6.0379C4.1005 5.725 4 5.366 4 5C4 3.8954 4.8954 3 6 3C6.6988 3 7.3469 3.3647 7.7096 3.962L15.3334 16.519C15.5148 16.8176 15.8388 17 16.1882 17L19 17C20.1046 17 21 17.8954 21 19C21 20.1046 20.1046 21 19 21L14.5 21C13.8012 21 13.1531 20.6353 12.7904 20.038L4.2904 6.0379ZM14.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 Two Tone
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:hockey-sticks-two-tone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:hockey-sticks-two-tone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:hockey-sticks-two-tone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--hockey-sticks-two-tone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:hockey-sticks-two-tone"></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-two-tone"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/keyline-icons/hockey-sticks-two-tone.svg" alt="Ícone Hockey Sticks Two Tone" width="24" height="24">
Ícones relacionados em Keyline Icons
Perguntas frequentes sobre Ícone Hockey Sticks Two Tone
O ícone Hockey Sticks Two Tone é 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 Two Tone no React?
Instale @iconify/react e renderize <Icon icon="keyline-icons:hockey-sticks-two-tone" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Hockey Sticks Two Tone 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-two-tone.svg" alt="Ícone Hockey Sticks Two Tone">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Keyline Icons →
ICONYZ
