ICONYZ
日本語
OpenMoji の White Flower アイコン

White Flower アイコン

openmoji:white-flower

White Flower アイコン(openmoji:white-flower)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
OpenMoji
作者
OpenMoji
ライセンス
CC-BY-SA-4.0
サイズ
72 × 72
カテゴリ
動物・自然
タグ
whiteflower
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><defs><path id="SVGua6c3bQj" d="M46.92 17.265a16.54 16.54 0 0 0-2.106-7.145l-2.143 1.362l-1.333-2.256a16.54 16.54 0 0 0-5.293 5.243M14.259 30.41a16.54 16.54 0 0 1-3.432-6.613l2.49-.502l-.601-2.55a16.54 16.54 0 0 1 7.449.116m17.472 35.637a16.54 16.54 0 0 0 5.956 4.475L44.5 58.6l2.416 1.014a16.54 16.54 0 0 0 1.114-7.366m9.982-13.486a16.54 16.54 0 0 0 5.453-5.076l-2.176-1.31l1.424-2.2a16.54 16.54 0 0 0-7.055-2.393M21.43 53.484a16.54 16.54 0 0 1-7.45.117l.663-2.452l-2.55-.601a16.54 16.54 0 0 1 3.43-6.613M29.57 32.7c-3.223-2.653-6.532-7.306-3.538-15.334l2.311.985"/><path id="SVGvjoXbdld" d="m28.24 18.393l.985-2.311c7.72 3.716 8.556 9.364 8.07 13.51l.206-.083c1.25-3.735 4.334-7.969 12.623-8.192l-.098 2.433l2.433.098a13.93 13.93 0 0 1-9.583 12.474M29.57 32.7c-3.49-1.828-8.543-2.786-14.676 2.794l1.756 1.687l-1.687 1.756a13.93 13.93 0 0 0 15.552 2.36"/><path id="SVG1o1BXbPu" d="M30.412 41.338a13.71 13.71 0 0 0-4.63 14.67l2.35-.706l.706 2.35c12.115-4.397 8.876-14.824 8.876-14.824l.722-.29s5.05 9.578 16.773 4.501l-1.015-2.225l2.183-1.118a13.85 13.85 0 0 0-13.5-7.374"/></defs><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><use href="#SVGua6c3bQj"/><use href="#SVGvjoXbdld"/><use href="#SVG1o1BXbPu"/></g><g fill="none" stroke="#d22f27" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><use href="#SVGua6c3bQj"/><use href="#SVGvjoXbdld"/><use href="#SVG1o1BXbPu"/></g></svg>

White Flower アイコンの使い方

React

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

<Icon icon="openmoji:white-flower" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:white-flower" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:white-flower" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="openmoji:white-flower"></iconify-icon>

HTML 画像

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

OpenMoji の関連アイコン

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

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

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

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

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