Christmass Egg アイコン
si-glyph:christmass-egg
Christmass Egg アイコン(si-glyph:christmass-egg)は、SmartIcons Glyph セットの無料 SVG アイコンです（作者: SmartIcons）。 16 × 24 のグリッドで描かれています。 SmartIcons Glyph icons は CC BY SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SmartIcons Glyph
- 作者
- SmartIcons
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 16 × 24
- タグ
- christmassegg
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="24" viewBox="0 0 16 24"><g fill="currentColor" fill-rule="evenodd"><path d="M12.764 3.12C11.707 1.23 9.989 0 8.045 0C6.139 0 4.446 1.188 3.384 3.021c1.468.581 3.099.908 4.817.908c1.619 0 3.16-.289 4.563-.809M2.223 10.865C2.818 14.28 5.198 16 8.045 16c2.801 0 5.143-1.663 5.787-4.961c-1.689.806-3.756 1.389-5.781 1.389c-2.17 0-4.056-.649-5.828-1.563m1.951-3.074c.723 0 1.418-.265 1.906-.727l.15-.141l.15.141c.486.463 1.181.727 1.904.727c.705 0 1.363-.241 1.855-.678l.145-.13l.146.13c.491.437 1.15.678 1.855.678c.611 0 1.195-.192 1.662-.533a9.9 9.9 0 0 0-.9-3.223a13.4 13.4 0 0 1-4.845.899c-1.821 0-3.552-.363-5.109-1.009a9.8 9.8 0 0 0-.915 3.053l.072.07c.49.473 1.191.743 1.924.743m8.068-2.977l1.049.894l-1.049.894l-1.049-.894zm-4.185.565l1.049.894l-1.049.894l-1.05-.894zm-4.2-.567l1.049.893l-1.049.894l-1.049-.894z"/><path d="M13.982 8.234c-.498.247-1.084.474-1.695.474c-.75 0-1.451-.28-2.002-.636c-.549.355-1.252.636-2 .636c-.766 0-1.502-.299-2.055-.673c-.555.374-1.292.673-2.057.673s-1.494-.297-2.045-.669a7 7 0 0 0-.052.846c0 .367.032.711.082 1.043c1.774.789 3.687 1.366 5.892 1.366c2.064 0 4.163-.521 5.858-1.22q.102-.56.104-1.189a6 6 0 0 0-.03-.651M5.945 10.3c-.502 0-.91-.296-.91-.661c0-.363.408-.66.91-.66s.91.297.91.66c0 .365-.408.661-.91.661m4.266.02c-.502 0-.91-.295-.91-.66c0-.364.408-.66.91-.66c.503 0 .911.296.911.66s-.408.66-.911.66"/></g></svg>Christmass Egg アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="si-glyph:christmass-egg" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="si-glyph:christmass-egg" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="si-glyph:christmass-egg" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[si-glyph--christmass-egg]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/si-glyph -->
<div class="i-si-glyph:christmass-egg"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="si-glyph:christmass-egg"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/si-glyph/christmass-egg.svg" alt="Christmass Egg アイコン" width="24" height="24">SmartIcons Glyph の関連アイコン
Christmass Egg アイコン のよくある質問
Christmass Egg アイコンは商用利用でも無料ですか?
はい。SmartIcons Glyph icons は CC BY SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Christmass Egg アイコンを使うには?
@iconify/react をインストールして <Icon icon="si-glyph:christmass-egg" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Christmass Egg アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/si-glyph/christmass-egg.svg" alt="Christmass Egg アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。