Seedling アイコン
la:seedling
Seedling アイコン(la:seedling)は、Line Awesome セットの無料 SVG アイコンです（作者: Icons8）。 32 × 32 のグリッドで描かれています。 Line Awesome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Line Awesome
- 作者
- Icons8
- ライセンス
- Apache-2.0
- サイズ
- 32 × 32
- カテゴリ
- 春
- タグ
- seedling solid
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M23.398 14.023c-.34.02-.562-.09-.59-.109l-1.687 1.078c.371.582 1.137.977 1.996 1.028q.1.004.2.003c1.128 0 2.238-.57 3.078-1.585c1.433-1.743 2.44-3.59 2.484-3.668l.453-.84l-.816-.492c-4.532-2.723-7.121-1.43-8.024-.747a3.72 3.72 0 0 0-1.402 3.739c-.93.593-1.856 1.343-2.594 2.258c-.426-.997-1.09-1.891-1.863-2.68c.07-.184.117-.363.148-.496q.023-.106.051-.196c.512-1.714-.191-3.714-1.75-4.972c-1.11-.895-4.262-2.66-9.562.261l-.684.375l.195.75c.04.153.985 3.715 2.864 5.801c.812.903 1.832 1.41 2.953 1.465q.106.005.207.004c1.258 0 2.336-.559 2.773-.957l-1.344-1.48c-.015.011-1.695 1.19-3.101-.372c-1.09-1.207-1.832-3.144-2.184-4.207c3.785-1.824 5.88-.687 6.625-.086c.875.707 1.309 1.75 1.13 2.657C10.8 8.96 8.558 8.07 8.378 8.004l-.723 1.863C9.7 10.657 15 13.484 15 17v3.145a4 4 0 0 0-1.98 1.199A3.5 3.5 0 0 0 11.5 21a3.5 3.5 0 0 0-3.203 2.094A3.4 3.4 0 0 0 7.5 23C5.57 23 4 24.57 4 26.5v.5h2v-.5A1.5 1.5 0 0 1 7.5 25c.402 0 .71.168.898.309L10 24.512v-.016A1.505 1.505 0 0 1 11.5 23c.402 0 .781.16 1.066.45l1.621-.282A2 2 0 0 1 16 22a1.99 1.99 0 0 1 1.75 1.063l1.578.242c.2-.196.465-.305.742-.305c.586 0 1.067.48 1.067 1.066c0 .118-.024.235-.07.364l1.605 1.09c.265-.239.71-.52 1.328-.52c1.102 0 2 .898 2 2h2c0-2.207-1.793-4-4-4c-.344 0-.684.047-1.008.133a3.074 3.074 0 0 0-4.113-1.895A4 4 0 0 0 17 20.145V19h.004v-.328c0-4.152 6.531-6.14 6.598-6.16l-.563-1.918c-.102.027-.918.277-1.992.77c.078-.415.293-.802.656-1.075c1.059-.805 2.856-.652 4.914.387a23 23 0 0 1-1.765 2.492c-.551.668-1.094.836-1.454.855m-9.914-3.203l.012.157c-.05-.04-.105-.079-.156-.122c.047-.011.09-.03.144-.035"/></svg>
Seedling アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="la:seedling" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="la:seedling" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="la:seedling" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[la--seedling]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:seedling"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="la:seedling"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/la/seedling.svg" alt="Seedling アイコン" width="24" height="24">
Seedling アイコン のよくある質問
Seedling アイコンは商用利用でも無料ですか?
はい。Line Awesome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Seedling アイコンを使うには?
@iconify/react をインストールして <Icon icon="la:seedling" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Seedling アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/la/seedling.svg" alt="Seedling アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Line Awesome アイコン をすべて見る →
ICONYZ
