Perfume Filled アイコン
reicon:perfume-filled
Perfume Filled アイコン(reicon:perfume-filled)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M2.4 12.15C3.45 9.16 6.455 7 10 7c3.957 0 7.243 2.691 7.886 6.226c-.655-.276-1.505-.505-2.365-.648c-1.735-.288-3.06.312-4.195.83l-.011.005c-1.154.527-2.111.964-3.37.822c-1.003-.113-1.906-.43-2.754-.806c-.384-.17-.749-.348-1.11-.525l-.121-.059a19 19 0 0 0-1.179-.54z"/><path d="M2.053 13.628a7 7 0 0 0-.053.867c0 1.915.766 3.662 2.028 4.987c.45.473.675.709 1.618 1.114C6.59 21 7.24 21 8.542 21h2.916c1.302 0 1.952 0 2.896-.404c.943-.405 1.168-.641 1.619-1.114c1.158-1.217 1.898-2.79 2.012-4.52l-.349-.194c-.471-.262-1.354-.543-2.361-.71c-1.239-.206-2.184.193-3.326.715l-.11.05c-1.094.5-2.386 1.092-4.062.903c-1.215-.137-2.275-.519-3.194-.926c-.41-.182-.8-.372-1.16-.548l-.12-.059a18 18 0 0 0-1.084-.498zM12.56 2.44c.354.353.423.88.437 1.81h1.323a5.75 5.75 0 0 1 2.571.607l.836.418c.681-.549 1.8-.587 2.773-.025c1.196.69 1.718 2.025 1.165 2.982c-.552.956-1.97 1.172-3.165.482c-.844-.488-1.353-1.297-1.384-2.067l-.896-.448a4.25 4.25 0 0 0-1.9-.449H13v.734A9.5 9.5 0 0 0 10 6c-1.05 0-2.06.17-3 .484V5.75h.107c.097.001.21.002.306 0c.139-.005.327-.018.516-.076c.202-.063.437-.188.608-.435c.166-.238.213-.505.213-.739s-.047-.501-.213-.74a1.14 1.14 0 0 0-.609-.434a2 2 0 0 0-.516-.075a8 8 0 0 0-.304-.001H7.07c.059-.354.168-.61.368-.81C7.88 2 8.586 2 10 2s2.121 0 2.56.44"/></g></svg>Perfume Filled アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:perfume-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:perfume-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:perfume-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--perfume-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:perfume-filled"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:perfume-filled"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/perfume-filled.svg" alt="Perfume Filled アイコン" width="24" height="24">Reicon の関連アイコン
Perfume Filled アイコン のよくある質問
Perfume Filled アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Perfume Filled アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:perfume-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Perfume Filled アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/perfume-filled.svg" alt="Perfume Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。