Plan Light アイコン
stash:plan-light
Plan Light アイコン(stash:plan-light)は、Stash Icons セットの無料 SVG アイコンです（作者: Pingback LLC）。 24 × 24 のグリッドで描かれています。 Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Stash Icons
- 作者
- Pingback LLC
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- planlight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3.5 5A2.5 2.5 0 0 1 6 2.5h10A2.5 2.5 0 0 1 18.5 5v5.5a.5.5 0 0 1-1 0V5A1.5 1.5 0 0 0 16 3.5H6A1.5 1.5 0 0 0 4.5 5v14A1.5 1.5 0 0 0 6 20.5h7a.5.5 0 0 1 0 1H6A2.5 2.5 0 0 1 3.5 19z"/><path fill="currentColor" d="M18 13.5a.5.5 0 0 1 .5.5v.667h.169c.95 0 1.831.684 1.831 1.666a.5.5 0 1 1-1 0c0-.31-.306-.666-.831-.666h-1.506c-.43 0-.663.293-.663.516c0 .213.052.285.083.318c.046.049.139.106.35.169l2.417.701c.263.078.565.198.796.444c.247.263.354.604.354 1.002c0 .898-.811 1.516-1.663 1.516H18.5V21a.5.5 0 0 1-1 0v-.667h-.169c-.95 0-1.831-.684-1.831-1.666a.5.5 0 1 1 1 0c0 .31.306.666.831.666h1.506c.43 0 .663-.293.663-.516c0-.213-.052-.285-.083-.318c-.046-.049-.139-.106-.35-.169l-2.417-.701c-.263-.078-.565-.198-.796-.444c-.247-.263-.354-.604-.354-1.002c0-.898.811-1.516 1.663-1.516h.337V14a.5.5 0 0 1 .5-.5M6.5 11a.5.5 0 0 1 .5-.5h.5a.5.5 0 0 1 0 1H7a.5.5 0 0 1-.5-.5m3 0a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m-3 3a.5.5 0 0 1 .5-.5h.5a.5.5 0 0 1 0 1H7a.5.5 0 0 1-.5-.5m3 0a.5.5 0 0 1 .5-.5h3.5a.5.5 0 0 1 0 1H10a.5.5 0 0 1-.5-.5m-3 3a.5.5 0 0 1 .5-.5h.5a.5.5 0 0 1 0 1H7a.5.5 0 0 1-.5-.5m3 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5M6.784 4.5h8.432c.126 0 .249 0 .353.008c.114.01.25.032.385.101a1 1 0 0 1 .437.437c.07.136.091.27.1.385c.009.104.009.227.009.353v1.432c0 .126 0 .249-.009.353a1 1 0 0 1-.1.385a1 1 0 0 1-.437.437a1 1 0 0 1-.385.1a5 5 0 0 1-.353.009H6.784c-.126 0-.249 0-.353-.008a1 1 0 0 1-.385-.101a1 1 0 0 1-.437-.437a1 1 0 0 1-.1-.385a5 5 0 0 1-.009-.353V5.784c0-.126 0-.249.008-.353c.01-.114.032-.25.101-.385a1 1 0 0 1 .437-.437a1 1 0 0 1 .385-.1a5 5 0 0 1 .353-.009m-.278 1.006v.006c-.006.059-.006.14-.006.288v1.4a4 4 0 0 0 .006.294h.006c.059.006.14.006.288.006h8.4c.148 0 .23 0 .288-.005h.006v-.007A4 4 0 0 0 15.5 7.2V5.8a4 4 0 0 0-.006-.294h-.006A4 4 0 0 0 15.2 5.5H6.8a4 4 0 0 0-.294.006"/></svg>Plan Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="stash:plan-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="stash:plan-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="stash:plan-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--plan-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:plan-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="stash:plan-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/stash/plan-light.svg" alt="Plan Light アイコン" width="24" height="24">Stash Icons の関連アイコン
Plan Light アイコン のよくある質問
Plan Light アイコンは商用利用でも無料ですか?
はい。Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Plan Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="stash:plan-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Plan Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/stash/plan-light.svg" alt="Plan Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。