Иконка Hockey Sticks

keyline-icons:hockey-sticks

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

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

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 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"/></svg>

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

React

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

<Icon icon="keyline-icons:hockey-sticks" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:hockey-sticks" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:hockey-sticks" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--hockey-sticks]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:hockey-sticks"></div>

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

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

<iconify-icon icon="keyline-icons:hockey-sticks"></iconify-icon>

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

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

Иконка Hockey Sticks в других наборах

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

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

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

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

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

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

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

Все Keyline Icons →