Floor Lamp アイコン
reicon:floor-lamp
Floor Lamp アイコン(reicon:floor-lamp)は、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"><path fill="currentColor" fill-rule="evenodd" d="M9.318 3.39a2.751 2.751 0 0 1 5.364 0c.216.092.41.229.568.403c.325.361.483.888.294 1.434a3.76 3.76 0 0 1-2.794 2.448v5.732a5 5 0 0 1 .387-.334l.011-.01l3.34-2.386a3.88 3.88 0 0 1 .25-3.686a1.43 1.43 0 0 1 1.325-.67c.24.017.473.088.684.205a2.785 2.785 0 0 1 3.405.799a2.83 2.83 0 0 1-.03 3.516c.065.234.08.48.04.719a1.44 1.44 0 0 1-.953 1.137a3.8 3.8 0 0 1-3.842-.805l-3.322 2.375a3.39 3.39 0 0 0-1.295 2.67v4.313H15a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1 0-1.5h2.25v-4.313a3.39 3.39 0 0 0-1.295-2.67l-3.322-2.375a3.8 3.8 0 0 1-3.842.805a1.44 1.44 0 0 1-.952-1.137a1.7 1.7 0 0 1 .038-.72a2.83 2.83 0 0 1-.029-3.515a2.785 2.785 0 0 1 3.405-.8a1.64 1.64 0 0 1 .684-.203a1.43 1.43 0 0 1 1.325.669c.696 1.095.8 2.49.25 3.686l3.34 2.387l.011.009q.204.158.387.334V7.675a3.76 3.76 0 0 1-2.794-2.448a1.42 1.42 0 0 1 .294-1.434c.157-.174.352-.31.568-.403M11 3.25h2a1.248 1.248 0 0 0-2 0M4.118 7.752a1.29 1.29 0 0 0-1.088.496a1.33 1.33 0 0 0-.227 1.188zm17.079 1.684c.115-.395.045-.84-.227-1.188a1.29 1.29 0 0 0-1.088-.496zM9.888 4.779a2.251 2.251 0 0 0 4.224 0l-.021-.01A.2.2 0 0 0 14 4.75h-4a.23.23 0 0 0-.112.029M5.98 7.838a.3.3 0 0 0-.078.067L3.37 11.146a.3.3 0 0 0-.047.095a.2.2 0 0 0-.007.05a2.3 2.3 0 0 0 2.599-.84a2.37 2.37 0 0 0 .099-2.628zm12.006-.015a2.37 2.37 0 0 0 .15 2.695a2.3 2.3 0 0 0 2.548.773a.2.2 0 0 0-.007-.05a.3.3 0 0 0-.047-.095l-2.532-3.241a.26.26 0 0 0-.112-.082" clip-rule="evenodd"/></svg>Floor Lamp アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:floor-lamp" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:floor-lamp" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:floor-lamp" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--floor-lamp]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:floor-lamp"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:floor-lamp"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/floor-lamp.svg" alt="Floor Lamp アイコン" width="24" height="24">Reicon の関連アイコン
他のアイコンセットの Floor Lamp アイコン
Floor Lamp アイコン のよくある質問
Floor Lamp アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Floor Lamp アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:floor-lamp" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Floor Lamp アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/floor-lamp.svg" alt="Floor Lamp アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。