Иконка Hockey Sticks Two Tone

keyline-icons:hockey-sticks-two-tone

Иконка Hockey Sticks Two Tone (keyline-icons:hockey-sticks-two-tone) — бесплатная SVG-иконка из набора Keyline Icons. Она нарисована на сетке 24 × 24. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Keyline Icons
Автор: Keyline Icons
Лицензия: MIT
Размер: 24 × 24
Теги: hockeysticks, stickstwo, twotone, hockeystickstwotone, stick

Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

<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>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/hockey-sticks-two-tone.svg" alt="Иконка Hockey Sticks Two Tone" width="24" height="24">

Вопросы и ответы: Иконка Hockey Sticks Two Tone

Можно ли бесплатно использовать иконку Hockey Sticks Two Tone в коммерческих проектах?

Да. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Hockey Sticks Two Tone в React?

Установите @iconify/react и выведите <Icon icon="keyline-icons:hockey-sticks-two-tone" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Hockey Sticks Two Tone на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/keyline-icons/hockey-sticks-two-tone.svg" alt="Иконка Hockey Sticks Two Tone">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Keyline Icons →