Gift アイコン

Q: Gift アイコンは商用利用でも無料ですか?

はい。Matita icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

matita:gift

Gift アイコン(matita:gift)は、Matita セットの無料 SVG アイコンです（作者: matita.dev）。 24 × 24 のグリッドで描かれています。 Matita icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Matita
作者: matita.dev
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6"><path stroke-width="1.392" d="M3.37 7.82q8.63.55 17.26.06q-.08 2.04-.28 4.06q-8.4-.02-16.79.08q-.28-2.09-.19-4.2q.83.02 1.66.01"/><path stroke-width="1.488" d="M4.79 11.5q.26 4.5.28 9.01q6.9-.28 13.79-.04q-.04-4.46.24-8.91"/><path stroke-width="1.824" d="M12.13 7.65q-.41 6.64-.12 13.28"/><path stroke-width="1.712" d="M11 7.46c-.16.04-.63.21-.95.26c-.33.06-.67.07-1.01.05S8.3 7.73 8 7.61s-.56-.33-.75-.54s-.31-.46-.38-.71c-.08-.25-.12-.52-.07-.77c.05-.26.18-.53.38-.76c.19-.23.47-.46.78-.6c.31-.15.71-.23 1.08-.29c.37-.05.79-.11 1.16-.06s.73.22 1.05.38c.33.16.69.34.9.59c.2.24.25.56.3.85c.06.3.1.61.02.9c-.09.29-.29.59-.53.84c-.24.24-.55.5-.9.65c-.35.16-.8.23-1.21.27s-1.05-.02-1.26-.03"/><path stroke-width="1.392" d="M15.24 4.34c.16.04.71.13 1 .28c.29.14.56.35.72.56c.17.22.25.49.28.75c.02.25-.01.53-.13.78s-.32.52-.58.72c-.27.2-.63.37-1 .47c-.36.11-.78.17-1.18.17s-.83-.04-1.21-.15c-.37-.11-.77-.28-1.05-.5s-.5-.51-.63-.81c-.13-.29-.18-.63-.13-.94s.22-.64.44-.92s.52-.56.87-.76c.36-.2.82-.35 1.26-.42c.43-.07.93-.07 1.38-.01c.44.07.89.21 1.29.39c.39.19.88.62 1.06.74"/></g></svg>

Gift アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

<img src="https://iconyz.com/api/public/svg/matita/gift.svg" alt="Gift アイコン" width="24" height="24">

他のアイコンセットの Gift アイコン

Gift アイコンのよくある質問

Gift アイコンは商用利用でも無料ですか?

はい。Matita icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Gift アイコンを使うには?

@iconify/react をインストールして <Icon icon="matita:gift" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Gift アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/matita/gift.svg" alt="Gift アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Matita アイコンをすべて見る →