Flower Fill アイコン

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

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

keyline-icons:flower-fill

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

アイコンセット: Keyline Icons
作者: Keyline Icons
ライセンス: MIT
サイズ: 24 × 24
タグ: flowerfill

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.6 5.2162C8.6 3.3384 10.1222 1.8162 12 1.8162C13.8778 1.8162 15.4 3.3384 15.4 5.2162C15.4 7.094 13.8778 8.6162 12 8.6162C10.1222 8.6162 8.6 7.094 8.6 5.2162ZM15.7329 10.3986C15.7329 8.5208 17.2551 6.9986 19.1329 6.9986C21.0107 6.9986 22.5329 8.5208 22.5329 10.3986C22.5329 12.2764 21.0107 13.7986 19.1329 13.7986C17.2551 13.7986 15.7329 12.2764 15.7329 10.3986ZM13.0084 18.7838C13.0084 16.906 14.5306 15.3838 16.4084 15.3838C18.2862 15.3838 19.8084 16.906 19.8084 18.7838C19.8084 20.6616 18.2862 22.1838 16.4084 22.1838C14.5306 22.1838 13.0084 20.6616 13.0084 18.7838ZM4.1916 18.7838C4.1916 16.906 5.7138 15.3838 7.5916 15.3838C9.4694 15.3838 10.9916 16.906 10.9916 18.7838C10.9916 20.6616 9.4694 22.1838 7.5916 22.1838C5.7138 22.1838 4.1916 20.6616 4.1916 18.7838ZM1.4671 10.3986C1.4671 8.5208 2.9893 6.9986 4.8671 6.9986C6.7449 6.9986 8.2671 8.5208 8.2671 10.3986C8.2671 12.2764 6.7449 13.7986 4.8671 13.7986C2.9893 13.7986 1.4671 12.2764 1.4671 10.3986Z"/></svg>

Flower Fill アイコンの使い方

React

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

<Icon icon="keyline-icons:flower-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:flower-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:flower-fill" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="keyline-icons:flower-fill"></iconify-icon>

HTML 画像

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

Keyline Icons の関連アイコン

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

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

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

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

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

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

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

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

Keyline Icons をすべて見る →