ICONYZ
日本語
Twitter Emoji の Seedling アイコン

Seedling アイコン

twemoji:seedling

Seedling アイコン(twemoji:seedling)は、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
カテゴリ
動物・自然
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#77b255" d="M22.911 14.398a17.5 17.5 0 0 0-2.88 2.422c-.127-4.245-1.147-9.735-6.772-12.423C12.146-1.658-.833 1.418.328 2.006c2.314 1.17 3.545 4.148 5.034 5.715c2.653 2.792 5.603 2.964 7.071.778c3.468 2.254 3.696 6.529 3.59 11.099c-.012.505-.023.975-.023 1.402v14c0 1.104 4 1.104 4 0V23.51c.542-.954 2.122-3.505 4.43-5.294c1.586 1.393 4.142.948 6.463-1.495c1.489-1.567 2.293-4.544 4.607-5.715c1.221-.618-12.801-3.994-12.589 3.392"/></svg>

Seedling アイコンの使い方

React

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

<Icon icon="twemoji:seedling" width="24" />

Vue

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

<template>
  <Icon icon="twemoji:seedling" width="24" />
</template>

Svelte

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

<Icon icon="twemoji:seedling" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="twemoji:seedling"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/twemoji/seedling.svg" alt="Seedling アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

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