Panel Front Door Locked アイコン
cbi:panel-front-door-locked
Panel Front Door Locked アイコン(cbi:panel-front-door-locked)は、Custom Brand Icons セットの無料 SVG アイコンです（作者: Emanuele & rchiileea）。 24 × 24 のグリッドで描かれています。 Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Custom Brand Icons
- 作者
- Emanuele & rchiileea
- ライセンス
- CC-BY-NC-SA-4.0
- サイズ
- 24 × 24
- タグ
- panelfront、frontdoor、doorlocked、panelfrontdoorlocked
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13.713 10.847h1.667v2.308h-1.667Zm3.317-4.924l.074.115v.099h2.314a1.9 1.9 0 0 0-.185-.769a4 4 0 0 0-.544-.753l-1.758 1.203Zm-3.317 1.751h1.667V9.02h-1.667Zm2.223 2.692h-2.778v3.173h2.778Zm-.371 2.884h-2.037v-2.595h2.037Zm2.038-9.331a3.3 3.3 0 0 0-.926-.192V5.65l1.759-1.346a3.3 3.3 0 0 0-.833-.385m-1.667 3.273h-2.778V9.5h2.778Zm-.371 2.02h-2.037V7.481h2.037Zm4.167-2.02h-2.778V9.5h2.778Zm-.37 2.02h-2.037V7.481h2.038Zm-5.556 5.866h1.666v4.712h-1.666ZM10.75 2v19.231H2.138V22h19.724V2Zm5.37 18.463h-3.148v-5.962h3.148Zm0-6.731h-3.148v-3.558h3.148Zm0-4.044h-3.148V7h3.148Zm-.372-3.361h-2.776c0-2.212 2.315-2.981 3.426-2.981a3.2 3.2 0 0 1 3.426 2.981h-2.778a.68.68 0 0 0-.648-.577a.627.627 0 0 0-.65.577m4.166 14.136h-3.145v-5.962h3.148Zm0-6.731h-3.145v-3.558h3.148Zm0-4.044h-3.145V7h3.148Zm-3.978 5.005H13.25v5.577h2.686Zm-.278 5.289h-2.13v-5.096h2.13ZM17.51 7.674h1.667V9.02H17.51Zm-1.39-2.02V3.731a2.96 2.96 0 0 0-1.759.577Zm-2.574-.395a1.7 1.7 0 0 0-.203.876h2.324v-.099l.046-.098l.093-.099l-1.735-1.23a2.8 2.8 0 0 0-.525.65m5.167-.662h-.036l.011.016Zm.926 10.096h-2.685v5.577h2.685Zm-.277 5.289h-2.13v-5.096h2.13Zm.37-9.616h-2.778v3.173h2.778Zm-.37 2.884h-2.037v-2.595h2.038Zm-1.852-2.403h1.667v2.308H17.51Zm-3.464-6.25l.025.012l.014-.016Zm3.464 10.481h1.667v4.712H17.51ZM6.705 17.687a3.866 3.866 0 1 0-3.889-3.866a3.876 3.876 0 0 0 3.889 3.866m0-5.3a.856.856 0 0 1 .371 1.631v1.314h-.74v-1.314a.856.856 0 0 1 .369-1.631M4.915 9.58v-.91a1.791 1.791 0 0 1 3.581 0v.909h.012a4.5 4.5 0 0 1 .729.386V8.67a2.532 2.532 0 0 0-5.062 0v1.299a4.5 4.5 0 0 1 .724-.386Z"/></svg>
Panel Front Door Locked アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:panel-front-door-locked" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:panel-front-door-locked" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:panel-front-door-locked" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--panel-front-door-locked]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:panel-front-door-locked"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:panel-front-door-locked"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/cbi/panel-front-door-locked.svg" alt="Panel Front Door Locked アイコン" width="24" height="24">
Custom Brand Icons の関連アイコン
Panel Front Door Locked アイコン のよくある質問
Panel Front Door Locked アイコンは商用利用でも無料ですか?
いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。
React で Panel Front Door Locked アイコンを使うには?
@iconify/react をインストールして <Icon icon="cbi:panel-front-door-locked" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Panel Front Door Locked アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/panel-front-door-locked.svg" alt="Panel Front Door Locked アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Custom Brand Icons をすべて見る →
