Flower アイコン

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

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

pepicons:flower

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

アイコンセット: Pepicons
作者: CyCraft
ライセンス: CC-BY-4.0
サイズ: 20 × 20

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><g fill="currentColor"><path fill-rule="evenodd" d="m12.588 2.366l-.071.078a18.36 18.36 0 0 1-.28.3a106.06 106.06 0 0 1-.148-.195c-.308-.4-.568-.694-.847-.929c-.382-.323-.78-.518-1.242-.518c-.25 0-.487.061-.71.17c-.488.236-.85.631-1.333 1.306a26.93 26.93 0 0 0-.12.17c-.092-.09-.197-.198-.32-.327l-.067-.07c-.554-.582-.701-.73-.949-.932c-.234-.191-.445-.32-.705-.384a1.132 1.132 0 0 0-1.357.726A7.405 7.405 0 0 0 4 4.288C4 8.228 6.212 11 10 11s6-2.771 6-6.712a7.38 7.38 0 0 0-.44-2.527a1.128 1.128 0 0 0-1.36-.724c-.262.067-.47.199-.7.395c-.24.202-.375.346-.912.934ZM10 9C7.428 9 6 7.21 6 4.288c0-.18.009-.357.025-.533l.047.048c.408.428.66.672.92.872c.648.496 1.304.689 1.904.003c.108-.123.214-.262.356-.463l.075-.108l.257-.365c.175-.246.322-.427.429-.54a4.9 4.9 0 0 1 .493.569c-.045-.058.55.737.7.907c.602.689 1.266.49 1.899-.01c.25-.2.492-.443.874-.86c.014.159.021.319.021.48C14 7.211 12.572 9 10 9Z" clip-rule="evenodd"/><path d="M9 11a1 1 0 1 1 2 0v6.5a1 1 0 1 1-2 0V11Z"/><path fill-rule="evenodd" d="M11.767 13.015c-2.185 1.834-3.622 4.165-2.438 5.576c1.166 1.39 4.38.628 6.295-.98c1.868-1.567 2.72-3.835 1.556-5.222c-1.164-1.387-3.545-.942-5.413.626Zm-.847 4.328a.184.184 0 0 1-.036-.018l.018.03c.008.006.013.004.018-.012Zm3.418-1.264c-1.107.93-3.014 1.422-3.418 1.264a.32.32 0 0 0 .007-.03c.038-.189.156-.457.348-.769c.404-.656 1.077-1.409 1.778-1.997c1.134-.952 2.339-1.177 2.595-.872c.256.305-.175 1.452-1.31 2.404Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M7.932 13.015c2.186 1.834 3.622 4.165 2.438 5.576c-1.166 1.39-4.379.628-6.294-.98c-1.869-1.567-2.72-3.835-1.556-5.222c1.164-1.387 3.544-.942 5.412.626Zm.848 4.328a.183.183 0 0 0 .035-.018l-.018.03c-.008.006-.013.004-.017-.012ZM5.36 16.08c1.108.93 3.015 1.422 3.419 1.264a.307.307 0 0 1-.007-.03c-.038-.189-.156-.457-.348-.769c-.405-.656-1.077-1.409-1.778-1.997c-1.135-.952-2.34-1.177-2.595-.872c-.256.305.175 1.452 1.31 2.404Z" clip-rule="evenodd"/></g></svg>

Flower アイコンの使い方

React

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

<Icon icon="pepicons:flower" width="24" />

Vue

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

<template>
  <Icon icon="pepicons:flower" width="24" />
</template>

Svelte

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

<Icon icon="pepicons:flower" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="pepicons:flower"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/pepicons/flower.svg" alt="Flower アイコン" width="24" height="24">

Pepicons の関連アイコン

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

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

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

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

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

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

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

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

Pepicons をすべて見る →