Иконка Kicks

token:kicks

Иконка Kicks (token:kicks) — бесплатная SVG-иконка из набора Web3 Icons от 0xa3k5. Она нарисована на сетке 24 × 24. Web3 Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Web3 Icons
Автор: 0xa3k5
Лицензия: MIT
Размер: 24 × 24
Теги: kick

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m7.902 9.343l.184-.67H5.26a1.25 1.25 0 0 0-1.233.999l-.23 1.146a.83.83 0 0 0 .82.986h2.658l.419-1.565H6.56l-.208.587h-1.01a.234.234 0 0 1-.234-.29l.18-.708a.24.24 0 0 1 .235-.18h1.972a.42.42 0 0 0 .407-.305m5.083 3.913l.188-.67h-2.426a1.26 1.26 0 0 0-1.24.999l-.232 1.146a.83.83 0 0 0 .826.986h2.41l.212-.978h-1.898a.235.235 0 0 1-.235-.29l.184-.708a.24.24 0 0 1 .235-.18h1.565c.196 0 .36-.125.407-.305z"/><path fill="currentColor" fill-rule="evenodd" d="M8.33 9.67a1.29 1.29 0 0 1 1.276-.997h1.436c.547 0 .958.477.853.986l-.208.97h-2.23a.196.196 0 1 0 0 .392h2.152l-.16.782h-2.43c-.587 0-1.026-.508-.912-1.056zm1.322-.019c0-.11.087-.195.196-.195h.783a.196.196 0 0 1 0 .39h-.783a.196.196 0 0 1-.196-.195" clip-rule="evenodd"/><path fill="currentColor" d="m12.783 9.652l-.286 1.448a.586.586 0 0 0 .571.704h1.8l.262-.978h-1.37l.26-1.174h.246c.332 0 .735-.305.802-.638l.062-.34h-.93l.085-.392h-1.252l-.078.392h-.392l-.172.978zm-4.806 2.935h1.284l-.673 3.13H7.304zm6.75.849l.165-.85h-1.166l-.615 3.13h1.166l.133-.664l.392-.4l.704 1.065h1.346l-1.142-1.773l1.377-1.357c-.86.02-1.69.316-2.36.849m-11.113-.85h1.17l-.234 1.175h.371l1.159-1.174h1.244l-1.362 1.596l.951 1.534h-.434c-.595-.243-1.37-.712-1.55-1.416c-.09.019-.297.07-.438.117a.8.8 0 0 0-.2.106c-.086.058-.156.105-.211.07c-.07-.047-.106-.176-.117-.235c.078.04.242.106.266.059c.027-.059-.032-.297-.266-.297s-.353.387-.353.712s.235.41.353.41h.023c.16 0 .747-.007.94.384l-.06-.024a2 2 0 0 0-.696-.18a1.7 1.7 0 0 1-.556-.117c.047.078.188.235.353.235c.18 0 .528.023.704.176H3zm17.308.407l.078-.406h-2.512a1.02 1.02 0 0 0-1.01 1.025v.215c0 .36.274.665.618.716l1.59.243H17.78a.65.65 0 0 0-.635.555l-.058.376h2.657c.493 0 .81-.395.841-.9l.024-.372c.023-.36-.157-.673-.509-.692l-1.221-.079a.077.077 0 0 1-.07-.078a.08.08 0 0 1 .078-.078h1.416a.64.64 0 0 0 .622-.525z"/></svg>

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

React

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

<Icon icon="token:kicks" width="24" />

Vue

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

<template>
  <Icon icon="token:kicks" width="24" />
</template>

Svelte

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

<Icon icon="token:kicks" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[token--kicks]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:kicks"></div>

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

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

<iconify-icon icon="token:kicks"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/token/kicks.svg" alt="Иконка Kicks" width="24" height="24">

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

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

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

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

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

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

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

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

Все Web3 Icons →