Иконка Gift Filled
lucide-extended:gift-filled
Иконка Gift Filled (lucide-extended:gift-filled) — бесплатная SVG-иконка из набора Lucide Extended от Applifted. Она нарисована на сетке 24 × 24. Lucide Extended icons выпущены под лицензией ISC, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Lucide Extended
- Автор
- Applifted
- Лицензия
- ISC
- Размер
- 24 × 24
- Теги
- giftfilled
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11 22H6a3 3 0 0 1-3-3v-5a1 1 0 0 1 1-1h7zm9-9a1 1 0 0 1 1 1v5a3 3 0 0 1-3 3h-5v-9z"/><path fill="currentColor" fill-rule="evenodd" d="M16.5 1a3.5 3.5 0 0 1 3.162 5H20c.471 0 .937.142 1.307.42S22 7.158 22 7.75v1.5c0 .592-.323 1.052-.693 1.33S20.472 11 20 11h-7V6h-2v5H4c-.472 0-.937-.142-1.307-.42S2 9.842 2 9.25v-1.5c0-.592.323-1.052.693-1.33S3.528 6 4 6h.338A3.5 3.5 0 0 1 7.5 1v.002c1.316-.017 2.515.627 3.456 1.673c.394.438.742.944 1.044 1.504c.302-.56.65-1.066 1.044-1.504c.941-1.046 2.14-1.69 3.456-1.673zm-.018 2c-.606-.01-1.292.28-1.952 1.013c-.451.502-.85 1.176-1.167 1.987H16.5a1.5 1.5 0 1 0 0-3zM7.5 3a1.5 1.5 0 0 0 0 3h3.137c-.316-.81-.716-1.485-1.167-1.987C8.81 3.279 8.124 2.989 7.518 3z" clip-rule="evenodd"/></svg>
Как использовать иконку Gift Filled
React
import { Icon } from "@iconify/react";
<Icon icon="lucide-extended:gift-filled" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="lucide-extended:gift-filled" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="lucide-extended:gift-filled" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[lucide-extended--gift-filled]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/lucide-extended -->
<div class="i-lucide-extended:gift-filled"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="lucide-extended:gift-filled"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/lucide-extended/gift-filled.svg" alt="Иконка Gift Filled" width="24" height="24">
Похожие иконки в наборе Lucide Extended
Иконка Gift Filled в других наборах
Вопросы и ответы: Иконка Gift Filled
Можно ли бесплатно использовать иконку Gift Filled в коммерческих проектах?
Да. Lucide Extended icons выпущены под лицензией ISC, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Gift Filled в React?
Установите @iconify/react и выведите <Icon icon="lucide-extended:gift-filled" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Gift Filled на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/lucide-extended/gift-filled.svg" alt="Иконка Gift Filled">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Lucide Extended →
ICONYZ
