Flower アイコン

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

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

jam:flower

Flower アイコン(jam:flower)は、Jam Icons セットの無料 SVG アイコンです（作者: Michael Amprimo）。 24 × 24 のグリッドで描かれています。 Jam Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Jam Icons
作者: Michael Amprimo
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.094 11.59a6 6 0 0 1 .346-.466a3.5 3.5 0 0 1-.406-1.637A3.5 3.5 0 0 1 7.01 4.54a3.5 3.5 0 0 1 3.473-3.472A3.5 3.5 0 0 1 13 0c.943 0 1.799.373 2.428.98a3.504 3.504 0 0 1 3.521 3.5A3.57 3.57 0 0 1 20 7c0 .95-.379 1.813-.994 2.443V9.5A3.5 3.5 0 0 1 15.45 13c-.631.618-1.496 1-2.45 1c-.96 0-1.83-.387-2.463-1.013a3.5 3.5 0 0 1-1.68-.428a3.775 3.775 0 0 0 .127 4.623l1.79 2.184a1 1 0 1 1-1.547 1.268l-1.79-2.184a5.8 5.8 0 0 1-.964-1.692a3.21 3.21 0 0 1-3.404-.177q-1.452-1.018-2.48-6.547q4.713.266 6.166 1.283q.18.127.34.274zm4.265-.604l.586.58c.28.277.653.434 1.055.434c.4 0 .77-.154 1.05-.429l.596-.584l.835.013c.854 0 1.525-.671 1.525-1.5l-.013-.857l.581-.596C17.847 7.767 18 7.398 18 7c0-.41-.163-.79-.45-1.072l-.606-.593l.005-.847c0-.837-.671-1.509-1.5-1.509l-.823.005l-.585-.564A1.5 1.5 0 0 0 13 2a1.5 1.5 0 0 0-1.079.458l-.583.603l-.84.007A1.5 1.5 0 0 0 9.01 4.556l-.006.812l-.571.578C8.156 6.226 8 6.598 8 7c0 .407.16.783.443 1.065l.592.587v.834a1.5 1.5 0 0 0 1.5 1.5zM13 9a2 2 0 1 1 0-4a2 2 0 0 1 0 4m-8.783 5.942a1.213 1.213 0 0 0 1.39-1.986c-.358-.251-1.198-.491-2.47-.674c.42 1.566.826 2.483 1.08 2.66"/></svg>

Flower アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

Jam Icons をすべて見る →