Flower Bouquet アイコン
pinhead:flower-bouquet
Flower Bouquet アイコン(pinhead:flower-bouquet)は、Pinhead Map Icons セットの無料 SVG アイコンです（作者: Quincy Morgan）。 15 × 15 のグリッドで描かれています。 Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Pinhead Map Icons
- 作者
- Quincy Morgan
- ライセンス
- CC0-1.0
- サイズ
- 15 × 15
- タグ
- flowerbouquet
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M1.5 1A2.7 2.7 0 0 1 4 3l.5-3L5 3a2.7 2.7 0 0 1 2.5-2c-.2.03-1 .26-1 2v.08A1.96 1.96 0 0 1 4.5 5h-.08A1.96 1.96 0 0 1 2.5 3c0-1.74-.8-1.97-1-2m10.51 10l3-.5l-3-.5A2.69 2.69 0 0 0 14 7.5c-.03.2-.25 1-1.99 1a2 2 0 0 0 0 4c1.74 0 1.96.8 1.99 1a2.69 2.69 0 0 0-1.99-2.5M9.69 5.55a1 1 0 0 1 0-2a1 1 0 0 1 0-2a.99.99 0 0 1 .85.51l.02-.01a1 1 0 0 1-.12-.44a1 1 0 1 1 2 0a1 1 0 0 1-.12.44l.02.01a.99.99 0 0 1 .85-.5a1 1 0 0 1 .03 2a1 1 0 0 1-.02 2a.99.99 0 0 1-.85-.5l-.02.01a1 1 0 0 1 .11.44a1 1 0 0 1-2 0a1 1 0 0 1 .11-.44l-.02-.01a.99.99 0 0 1-.85.51Zm.71-1.99a1.05 1.05 0 1 0 1.05-1.06a1.05 1.05 0 0 0-1.05 1.05Zm-5.45 7.88l-.52-.51l4.46-4.45a1.8 1.8 0 0 1-.45-.26l-4.36 4.36l-.52-.52A16 16 0 0 0 4.91 6a3 3 0 0 1-.41.04c-.04 0-.07-.01-.11-.01a17 17 0 0 1-1.26 3.6l-.37-.37a.25.25 0 0 0-.4.08L.23 14.45a.3.3 0 0 0-.02.09a.25.25 0 0 0 .25.25a.3.3 0 0 0 .1-.02l5.1-2.12a.25.25 0 0 0 .08-.4l-.37-.37a17 17 0 0 1 3.61-1.26c0-.06-.01-.11-.01-.17a3 3 0 0 1 .03-.36a16 16 0 0 0-4.05 1.35"/></svg>Flower Bouquet アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:flower-bouquet" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:flower-bouquet" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:flower-bouquet" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--flower-bouquet]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:flower-bouquet"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:flower-bouquet"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/pinhead/flower-bouquet.svg" alt="Flower Bouquet アイコン" width="24" height="24">Flower Bouquet アイコン のよくある質問
Flower Bouquet アイコンは商用利用でも無料ですか?
はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Flower Bouquet アイコンを使うには?
@iconify/react をインストールして <Icon icon="pinhead:flower-bouquet" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Flower Bouquet アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pinhead/flower-bouquet.svg" alt="Flower Bouquet アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。