Иконка Gift

et:gift

Иконка Gift (et:gift) — бесплатная SVG-иконка из набора Elegant от Kenny Sing. Она нарисована на сетке 42 × 32. Elegant icons выпущены под лицензией GPL 3.0, которая разрешает использование в личных и коммерческих проектах; изменённые версии файлов иконок должны сохранять ту же лицензию. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Elegant
Автор: Kenny Sing
Лицензия: GPL-3.0-or-later
Размер: 42 × 32

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="42" height="32" viewBox="0 0 42 32"><g fill="currentColor"><path d="M1.5 17a.5.5 0 0 0-.5.5v12c0 .827.673 1.5 1.5 1.5h10a.5.5 0 0 0 0-1h-10a.5.5 0 0 1-.5-.5v-12a.5.5 0 0 0-.5-.5m39 0a.5.5 0 0 0-.5.5v12a.5.5 0 0 1-.5.5h-21a.5.5 0 0 0 0 1h21c.827 0 1.5-.673 1.5-1.5v-12a.5.5 0 0 0-.5-.5M18 1.5a.5.5 0 0 0 .5.5h21a.5.5 0 0 1 .5.5v8.958a.5.5 0 0 0 1 0V2.5c0-.827-.673-1.5-1.5-1.5h-21a.5.5 0 0 0-.5.5M2.5 1C1.673 1 1 1.673 1 2.5v8.958a.5.5 0 0 0 1 0V2.5a.5.5 0 0 1 .5-.5h10a.5.5 0 0 0 0-1z"/><path d="M41.5 13.958H21.1c.397-.176.74-.381.984-.625a3.88 3.88 0 0 0 0-5.48c-1.464-1.464-4.016-1.464-5.48 0c-.235.235-.432.563-.604.94V.5a.5.5 0 0 0-1 0v13.225c-1.703-.702-4.701-2.144-5.316-3.387a3.35 3.35 0 0 1-.173-2.576a3.35 3.35 0 0 1 1.699-1.943a.5.5 0 0 0-.443-.897a4.34 4.34 0 0 0-2.203 2.52a4.34 4.34 0 0 0 .224 3.339c.605 1.222 2.63 2.391 4.275 3.177H.5a.5.5 0 0 0 0 1h9.346c-.387.174-.722.375-.961.614a3.88 3.88 0 0 0 0 5.48c.732.732 1.705 1.135 2.74 1.135s2.008-.403 2.74-1.135c.248-.248.456-.599.635-1.005V31.5a.5.5 0 0 0 1 0V15.195c1.708.706 4.673 2.138 5.285 3.374c.4.808.461 1.722.173 2.576a3.35 3.35 0 0 1-1.699 1.943a.5.5 0 1 0 .443.896a4.34 4.34 0 0 0 2.203-2.52a4.34 4.34 0 0 0-.224-3.339c-.602-1.216-2.611-2.38-4.252-3.167H41.5a.5.5 0 0 0 0-1M17.311 8.561c.543-.543 1.265-.842 2.033-.842s1.49.299 2.033.842a2.88 2.88 0 0 1 0 4.066c-.854.854-3.79 1.202-5.367 1.3c.112-1.864.522-4.587 1.301-5.366m-3.653 11.784c-1.086 1.086-2.98 1.086-4.066 0a2.88 2.88 0 0 1 0-4.066c.854-.854 3.79-1.202 5.367-1.3c-.112 1.864-.522 4.587-1.301 5.366"/></g></svg>

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

React

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

<Icon icon="et:gift" width="24" />

Vue

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

<template>
  <Icon icon="et:gift" width="24" />
</template>

Svelte

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

<Icon icon="et:gift" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="et:gift"></iconify-icon>

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

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

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

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

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

Да. Elegant icons выпущены под лицензией GPL 3.0, которая разрешает использование в личных и коммерческих проектах; изменённые версии файлов иконок должны сохранять ту же лицензию.

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

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

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

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

Все Иконки Elegant →