Иконка Hop Filled

lucide-extended:hop-filled

Иконка Hop Filled (lucide-extended:hop-filled) — бесплатная SVG-иконка из набора Lucide Extended от Applifted. Она нарисована на сетке 24 × 24. Lucide Extended icons выпущены под лицензией ISC, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Lucide Extended
Автор: Applifted
Лицензия: ISC
Размер: 24 × 24
Теги: hopfilled

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2.376 1.218a1.001 1.001 0 0 1 1.506 1.25l1.086 1.087a11 11 0 0 1 13.994-.07c.448.364.709.918.66 1.5c-.02.234-.09.457-.203.656a22 22 0 0 1 2.264 3.287l.344.635l.023.046a1.8 1.8 0 0 1-.23 1.867c.412.967.739 1.968.973 2.994l.118.56l.004.019a1.77 1.77 0 0 1-.347 1.39a1.8 1.8 0 0 1-.283.287a18.7 18.7 0 0 1 .675 4.235h-.002c.014.262-.023.524-.115.77a1.9 1.9 0 0 1-1.9 1.229c-1.007-.06-2.662-.218-4.224-.662a1.77 1.77 0 0 1-.938.594c-.24.06-.49.068-.732.026l-.02-.003a17.6 17.6 0 0 1-3.558-1.096a1.8 1.8 0 0 1-1.911.208a22 22 0 0 1-3.922-2.61q-.3.173-.657.205c-.584.05-1.135-.217-1.497-.661a11 11 0 0 1 .07-13.992L2.292 3.707v-.001A1.7 1.7 0 0 1 1.79 2.5a1.7 1.7 0 0 1 .51-1.214zm15.43 15.609a1.92 1.92 0 0 1-.98.98c.139.726.28 1.635.31 2.529c1.323.395 2.814.557 3.82.62a16.7 16.7 0 0 0-.632-3.82c-.889-.03-1.794-.17-2.518-.309m-5.744.67c.107.855.146 1.677.118 2.45c.952.412 1.942.73 2.958.946c.033-.987-.158-2.145-.334-3c-.82-.071-1.79-.191-2.742-.395m-4.62-4.676a31 31 0 0 1-.23 2.15a21 21 0 0 1-.549 2.697c1.079.93 2.256 1.74 3.509 2.418c.11-1.954-.312-4.425-1.298-6.979c-.503-.07-.983-.17-1.432-.286m5.715-1.796q-.023.24-.057.493l-.002.007a1.88 1.88 0 0 1-1.56 1.581l-.003.001q-.256.04-.51.062q.38 1.095.639 2.17c1.433.413 3.174.571 4.303.628l-.01-.162q-.022-.119-.015-.24c-.073-1.11-.242-2.627-.602-3.894q-1.082-.26-2.183-.646m4.338 1.041c.202.95.323 1.92.395 2.74c.86.176 2.014.365 3 .332a15.7 15.7 0 0 0-.945-2.956c-.774.029-1.596-.01-2.45-.116m3.651 3.058h.004l.003-.001zm-3.481-8.46c-.826.235-1.782.417-2.694.549c-.735.106-1.473.18-2.133.227c.122.448.225.924.29 1.445a20.5 20.5 0 0 0 3.224.964c1.356.282 2.627.39 3.734.327a20 20 0 0 0-2.421-3.512" clip-rule="evenodd"/></svg>

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

React

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

<Icon icon="lucide-extended:hop-filled" width="24" />

Vue

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

<template>
  <Icon icon="lucide-extended:hop-filled" width="24" />
</template>

Svelte

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

<Icon icon="lucide-extended:hop-filled" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[lucide-extended--hop-filled]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/lucide-extended -->
<div class="i-lucide-extended:hop-filled"></div>

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

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

<iconify-icon icon="lucide-extended:hop-filled"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/lucide-extended/hop-filled.svg" alt="Иконка Hop Filled" width="24" height="24">

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

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

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

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

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

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

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

Все Иконки Lucide Extended →