Perfume Linear アイコン
solar:perfume-linear
Perfume Linear アイコン(solar:perfume-linear)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Solar
- 作者
- 480 Design
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- UI
- タグ
- perfumelinear
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M7 5.42168V5C7 3.58579 7 2.87868 7.43934 2.43934C7.87868 2 8.58579 2 10 2C11.4142 2 12.1213 2 12.5607 2.43934C13 2.87868 13 3.58579 13 5V5.42168V7H7V5.5"/><path stroke-linecap="round" stroke-linejoin="round" d="M13 7H7"/><path d="M7 5.00021C7.55228 5.00021 8 5.05228 8 4.5C8 3.94772 7.55228 4.00035 7 4.00035"/><path d="M10 7C5.58172 7 2 10.3556 2 14.495C2 16.4098 2.76642 18.1569 4.02754 19.4817C4.47765 19.9546 4.7027 20.191 5.64624 20.5955C6.58979 21 7.24039 21 8.5416 21H11.4584C12.7596 21 13.4102 21 14.3538 20.5955C15.2973 20.191 15.5224 19.9546 15.9725 19.4817C17.2336 18.1569 18 16.4098 18 14.495C18 10.3556 14.4183 7 10 7Z"/><path stroke-linecap="round" d="M2.5 13C3.93501 13.5805 5.64292 14.7308 7.86069 14.9805C10.856 15.3178 12.4244 12.8237 15.3979 13.3176C16.446 13.4917 17.4232 13.7921 18 14.112"/><path d="M13.5 5H14.3197C15.0959 5 15.8615 5.18073 16.5557 5.52786L17.5 6"/><path d="M20.5 5.24977C21.6958 5.94012 22.2174 7.27523 21.6651 8.23182C21.1128 9.1884 19.6958 9.40422 18.5 8.71387C17.3043 8.02351 16.7827 6.6884 17.335 5.73182C17.8872 4.77523 19.3043 4.55941 20.5 5.24977Z"/></g></svg>Perfume Linear アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:perfume-linear" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:perfume-linear" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:perfume-linear" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--perfume-linear]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:perfume-linear"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:perfume-linear"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/perfume-linear.svg" alt="Perfume Linear アイコン" width="24" height="24">Solar の関連アイコン
Perfume Linear アイコン のよくある質問
Perfume Linear アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Perfume Linear アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:perfume-linear" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Perfume Linear アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/perfume-linear.svg" alt="Perfume Linear アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。