Easter Egg アイコン
streamline-stickies-color:easter-egg
Easter Egg アイコン(streamline-stickies-color:easter-egg)は、Stickies color icons セットの無料 SVG アイコンです（作者: Streamline）。 40 × 40 のグリッドで描かれています。 Stickies color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Stickies color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 40 × 40
- カテゴリ
- 文化・祝日
- タグ
- easteregg
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><g fill="none" stroke-miterlimit="10"><path fill="#48eeff" stroke="#231f20" d="M3.29 23c0 9.88 5.57 16.5 16.71 16.5S36.71 32.88 36.71 23S31.14.5 20 .5S3.29 13 3.29 23Z"/><path fill="#ffe236" stroke="#231f20" d="M31.5 27a7 7 0 0 0-.62-1.59a8 8 0 0 0-.69-1.09q.303-.53.52-1.1c.219-.529.37-1.083.45-1.65a.66.66 0 0 0-.57-.7a7 7 0 0 0-1.7.1q-.598.113-1.18.29a9 9 0 0 0-.89-.84a6.8 6.8 0 0 0-1.43-.93a.65.65 0 0 0-.84.32a7 7 0 0 0-.43 1.65q-.096.601-.12 1.21q-.601.261-1.15.62c-.487.3-.933.659-1.33 1.07a.67.67 0 0 0 0 .9c.443.361.926.67 1.44.92q.554.27 1.14.46q.065.613.22 1.21c.13.554.332 1.088.6 1.59a.66.66 0 0 0 .87.24c.479-.313.922-.68 1.32-1.09a7 7 0 0 0 .81-.95q.647.146 1.31.18a7.5 7.5 0 0 0 1.77-.08a.67.67 0 0 0 .5-.74Zm-16.558-9.938a4.5 4.5 0 0 0 1.944.081a5 5 0 0 0 1.866-.75a5.7 5.7 0 0 0 1.507-1.467a6.2 6.2 0 0 0 .916-1.96c.19-.707.253-1.44.187-2.157a5.7 5.7 0 0 0-.57-2.024a5 5 0 0 0-1.243-1.583a4.5 4.5 0 0 0-1.723-.9a4.5 4.5 0 0 0-1.943-.082a5 5 0 0 0-1.867.75a5.7 5.7 0 0 0-1.507 1.466a6.2 6.2 0 0 0-.916 1.962a6.2 6.2 0 0 0-.187 2.156a5.7 5.7 0 0 0 .57 2.024a5 5 0 0 0 1.243 1.583a4.5 4.5 0 0 0 1.723.9Zm-4.67 12.898c.28.486.63.926 1.028 1.294s.837.658 1.293.853s.918.29 1.362.282c.443-.008.859-.12 1.223-.33s.669-.514.898-.894s.377-.83.436-1.321a4.6 4.6 0 0 0-.092-1.547a5.5 5.5 0 0 0-.606-1.537a5.5 5.5 0 0 0-1.028-1.293a4.6 4.6 0 0 0-1.293-.853a3.3 3.3 0 0 0-1.362-.282c-.443.008-.86.12-1.223.33s-.67.514-.898.894c-.229.38-.377.829-.436 1.321a4.6 4.6 0 0 0 .092 1.546c.12.53.325 1.052.606 1.537Z"/><path stroke="#fff" stroke-linecap="round" d="M24.27 4A11 11 0 0 1 29 7.5"/></g></svg>Easter Egg アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-stickies-color:easter-egg" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-stickies-color:easter-egg" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-stickies-color:easter-egg" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-stickies-color--easter-egg]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-stickies-color -->
<div class="i-streamline-stickies-color:easter-egg"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-stickies-color:easter-egg"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-stickies-color/easter-egg.svg" alt="Easter Egg アイコン" width="24" height="24">Stickies color icons の関連アイコン
他のアイコンセットの Easter Egg アイコン
Easter Egg アイコン のよくある質問
Easter Egg アイコンは商用利用でも無料ですか?
はい。Stickies color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Easter Egg アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-stickies-color:easter-egg" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Easter Egg アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-stickies-color/easter-egg.svg" alt="Easter Egg アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。