Listing Lab Light アイコン
selfhst:listing-lab-light
Listing Lab Light アイコン(selfhst:listing-lab-light)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- selfh.st/icons
- 作者
- selfh.st
- ライセンス
- CC-BY-4.0
- サイズ
- 512 × 512
- タグ
- listinglab、lablight、listinglablight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="m491.3 333.6l-69.8-46.5c-15.7-10.5-36-10.5-51.7 0L300 333.6c-13 8.7-20.7 23.1-20.7 38.7v93.1c0 25.7 20.9 46.5 46.5 46.5h139.6c25.7 0 46.5-20.9 46.5-46.5v-93.1c.1-15.5-7.7-30-20.6-38.7m-25.8 131.9H419V419c0-12.9-10.4-23.3-23.3-23.3s-23.3 10.4-23.3 23.3v46.5h-46.5v-93.1l69.8-46.5l69.8 46.5zm-256 46.5c-10 0-19.9-3.3-27.9-9.3C126.1 454.9 0 332.8 0 209.5C0 94 94 0 209.5 0s209.4 94 209.4 209.5c0 12.9-10.4 23.3-23.3 23.3s-23.3-10.4-23.3-23.3c0-89.8-73.1-162.9-162.9-162.9S46.5 119.7 46.5 209.5c0 107 125.6 223.7 164.1 257c12.9 0 22.7 9.9 22.7 22.8c0 12.7-11 22.7-23.8 22.7m0-209.5c-51.3 0-93.1-41.8-93.1-93.1s41.8-93.1 93.1-93.1s93.1 41.8 93.1 93.1s-41.8 93.1-93.1 93.1m0-139.6c-25.7 0-46.5 20.9-46.5 46.5s20.9 46.5 46.5 46.5S256 235 256 209.4s-20.9-46.5-46.5-46.5"/></svg>Listing Lab Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:listing-lab-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:listing-lab-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:listing-lab-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--listing-lab-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:listing-lab-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:listing-lab-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/listing-lab-light.svg" alt="Listing Lab Light アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Listing Lab Light アイコン のよくある質問
Listing Lab Light アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Listing Lab Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:listing-lab-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Listing Lab Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/listing-lab-light.svg" alt="Listing Lab Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。