Cherry Blossom アイコン

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

はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

twemoji:cherry-blossom

Cherry Blossom アイコン(twemoji:cherry-blossom)は、Twitter Emoji セットの無料 SVG アイコンです（作者: Twitter）。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Twitter Emoji
作者: Twitter
ライセンス: CC-BY-4.0
サイズ: 36 × 36
カテゴリ: 動物・自然
タグ: cherryblossom

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#f4abba" d="M31.298 20.807c4.197-1.363 5.027-3.182 4.191-6.416c-.952.308-2.105-.001-2.272-.518c-.168-.513.581-1.443 1.533-1.753c-1.223-3.107-2.964-4.089-7.161-2.727c-1.606.522-3.238 1.492-4.655 2.635C23.582 10.327 24 8.475 24 6.786c0-4.412-1.473-5.765-4.807-5.968c0 1-.652 2-1.193 2s-1.194-1-1.194-2C13.472 1.021 12 2.374 12 6.786c0 1.689.417 3.541 1.066 5.241c-1.416-1.142-3.049-2.111-4.655-2.633c-4.197-1.364-5.938-.381-7.162 2.727c.951.31 1.701 1.238 1.534 1.753s-1.32.826-2.271.518c-.837 3.233-.005 5.052 4.19 6.415c1.606.521 3.497.697 5.314.605c-1.524.994-2.95 2.247-3.943 3.613c-2.594 3.57-2.197 5.53.381 7.654c.588-.809 1.703-1.235 2.142-.917c.438.317.378 1.511-.21 2.32c2.816 1.795 4.803 1.565 7.396-2.003c.993-1.366 1.743-3.111 2.218-4.867c.475 1.757 1.226 3.501 2.218 4.867c2.594 3.57 4.58 3.798 7.397 2.003c-.587-.81-.649-2.002-.21-2.321c.437-.317 1.553.107 2.142.917c2.577-2.123 2.973-4.083.381-7.653c-.993-1.366-2.42-2.619-3.943-3.613c1.816.092 3.706-.084 5.313-.605M18 20.337c-.162-.292-.353-.538-.588-.709s-.528-.276-.856-.341c.228-.244.403-.502.493-.778c.09-.275.1-.587.059-.919c.302.141.602.228.892.228s.59-.087.894-.229c-.041.332-.031.644.059.919c.09.276.265.534.492.778c-.327.065-.621.17-.855.341c-.236.172-.428.418-.59.71"/><g fill="#fff"><path d="M16.795 18.685a1 1 0 0 1-1.193.76l-5.858-1.302a1 1 0 1 1 .434-1.952l5.857 1.302c.54.12.88.653.76 1.192m.976.218a1 1 0 0 1 1.193-.76l5.857 1.302a1 1 0 1 1-.433 1.952l-5.857-1.302a1 1 0 0 1-.76-1.192"/><path d="M17.771 18.903a1 1 0 0 1-1.38-.308l-3.221-5.061a.999.999 0 1 1 1.687-1.073l3.222 5.062a1 1 0 0 1-.308 1.38m.797 1.252a1 1 0 0 1 1.38.307l3.223 5.062a1 1 0 0 1-1.689 1.074l-3.221-5.062a1.003 1.003 0 0 1 .307-1.381"/><path d="M17.988 17.927a1 1 0 0 1-.759-1.193l1.302-5.857a1 1 0 1 1 1.951.434l-1.301 5.857a1 1 0 0 1-1.193.759m-.217.976a1 1 0 0 1 .759 1.192l-1.3 5.857a1 1 0 0 1-1.954-.433l1.303-5.857a1 1 0 0 1 1.192-.759"/><path d="M17.771 18.902a1 1 0 0 1 .307-1.38l5.062-3.221a.999.999 0 1 1 1.073 1.687l-5.062 3.221a1 1 0 0 1-1.38-.307"/><path d="M17.771 18.902a1 1 0 0 1-.307 1.381l-5.062 3.222a1 1 0 1 1-1.074-1.688l5.062-3.222a1 1 0 0 1 1.381.307"/></g><path fill="#ea596e" d="M22.012 25.566a2.001 2.001 0 1 1 2.146 3.376a2.001 2.001 0 0 1-2.146-3.376M14.55 13.841a2 2 0 1 1-2.148-3.373a2 2 0 0 1 2.148 3.373m1.92 10.918a2.002 2.002 0 1 1-.867 3.906a2.002 2.002 0 0 1 .867-3.906m3.037-13.665a2 2 0 1 1 .868-3.905a2 2 0 1 1-.868 3.905m-6.013 10.53a2 2 0 1 1-3.375 2.15a2 2 0 0 1 3.375-2.15m9.339-5.943a2 2 0 1 1 3.377-2.147a2 2 0 0 1-3.377 2.147m.795 4.524a2 2 0 0 1 2.387-1.52a2 2 0 1 1-2.387 1.52m-12.69-2.821a2 2 0 1 1-3.905-.868a2 2 0 0 1 3.905.868"/><circle cx="18" cy="18.818" r="4" fill="#ffcc4d"/></svg>

Cherry Blossom アイコンの使い方

React

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

<Icon icon="twemoji:cherry-blossom" width="24" />

Vue

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

<template>
  <Icon icon="twemoji:cherry-blossom" width="24" />
</template>

Svelte

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

<Icon icon="twemoji:cherry-blossom" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--cherry-blossom]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:cherry-blossom"></div>

Web コンポーネント

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

<iconify-icon icon="twemoji:cherry-blossom"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/twemoji/cherry-blossom.svg" alt="Cherry Blossom アイコン" width="24" height="24">

他のアイコンセットの Cherry Blossom アイコン

Cherry Blossom アイコンのよくある質問

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

はい。Twitter Emoji icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Twitter Emoji アイコンをすべて見る →