ICONYZ
日本語
Phosphor の Potted Plant Bold アイコン

Potted Plant Bold アイコン

ph:potted-plant-bold

Potted Plant Bold アイコン(ph:potted-plant-bold)は、Phosphor セットの無料 SVG アイコンです(作者: Phosphor Icons)。 256 × 256 のグリッドで描かれています。 Phosphor icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Phosphor
作者
Phosphor Icons
ライセンス
MIT
サイズ
256 × 256
タグ
sprout、vegan、garden、gardening、pottedplant、plantbold、pottedplantbold
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M200 144h-71l21.24-21.25a60.1 60.1 0 0 0 24 5.22a51.7 51.7 0 0 0 27-7.54c24-14.57 37-47.79 34.54-88.87a12 12 0 0 0-11.27-11.27c-41.09-2.41-74.31 10.49-88.87 34.54c-9.24 15.24-10 33.4-2.33 51L120 119l-11.14-11.13c4.94-12.89 4-26.12-2.76-37.36C95 52.25 70.12 42.4 39.49 44.21a12 12 0 0 0-11.28 11.27c-1.8 30.64 8 55.54 26.32 66.61a40.27 40.27 0 0 0 21 5.9a45.6 45.6 0 0 0 16.31-3.13L103 136l-8 8H56a12 12 0 0 0 0 24h7.27l11.63 52.34A19.89 19.89 0 0 0 94.42 236h67.17a19.88 19.88 0 0 0 19.52-15.66L192.74 168H200a12 12 0 0 0 0-24m-43.9-76.74C164.8 52.89 185.29 44.5 212 44c-.48 26.69-8.87 47.18-23.25 55.89c-9.43 5.71-20.45 5.48-32-.62c-6.14-11.56-6.36-22.58-.65-32.01M85.51 101.5c-5.23 2.53-12 4-18.54.07c-8.47-5.13-13.81-17.48-14.8-33.4c15.93 1 28.27 6.32 33.4 14.79c3.94 6.52 2.43 13.31-.06 18.54M158.38 212H97.62l-9.77-44h80.31Z"/></svg>

Potted Plant Bold アイコンの使い方

React

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

<Icon icon="ph:potted-plant-bold" width="24" />

Vue

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

<template>
  <Icon icon="ph:potted-plant-bold" width="24" />
</template>

Svelte

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

<Icon icon="ph:potted-plant-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--potted-plant-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:potted-plant-bold"></div>

Web コンポーネント

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

<iconify-icon icon="ph:potted-plant-bold"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/ph/potted-plant-bold.svg" alt="Potted Plant Bold アイコン" width="24" height="24">

Phosphor の関連アイコン

Potted Plant Bold アイコン のよくある質問

Potted Plant Bold アイコンは商用利用でも無料ですか?

はい。Phosphor icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Potted Plant Bold アイコンを使うには?

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

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

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

Phosphor アイコン をすべて見る →