Elevator Duo アイコン
glyphs:elevator-duo
Elevator Duo アイコン(glyphs:elevator-duo)は、Glyphs セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Glyphs
- 作者
- Goran Spasojevic
- ライセンス
- MIT
- サイズ
- 80 × 80
- タグ
- elevatorduo
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" d="M14 30.708a4 4 0 0 1 4-4h44a4 4 0 0 1 4 4v40a4 4 0 0 1-4 4H18a4 4 0 0 1-4-4z"/><path fill="currentColor" fill-opacity=".25" d="M27.286 45.566A4.286 4.286 0 0 0 23 49.85v6.429c0 1.183.96 2.143 2.143 2.143h1.675v8.285a2 2 0 0 0 2 2h2.364a2 2 0 0 0 2-2v-8.285h1.675c1.184 0 2.143-.96 2.143-2.143V49.85a4.286 4.286 0 0 0-4.286-4.285zm.712-3.546a4.578 4.578 0 0 0 6.467-3.108l.012-.054a4.65 4.65 0 0 0-.89-3.894A4.59 4.59 0 0 0 30 33.218a4.59 4.59 0 0 0-3.587 1.746a4.65 4.65 0 0 0-.89 3.894l.012.055a4.58 4.58 0 0 0 2.462 3.107m25.629 4.992a4.102 4.102 0 0 0-6.252 0l-.095.111a4.4 4.4 0 0 0-.843 1.52L43.01 59.394a.24.24 0 0 0 .23.314h4.187v7a2 2 0 0 0 2 2h2.325a2 2 0 0 0 2-2v-7h4.008a.24.24 0 0 0 .23-.314l-3.426-10.75a4.4 4.4 0 0 0-.843-1.52zm-5.034-4.996a4.544 4.544 0 0 0 6.432-3.085l.019-.087a4.62 4.62 0 0 0-.872-3.86l-.03-.039a4.513 4.513 0 0 0-7.102 0l-.03.039a4.62 4.62 0 0 0-.872 3.86l.02.087a4.54 4.54 0 0 0 2.435 3.085"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M31 6.694v5.45m0 .008v8.973m-5.333-8.972l4.122-4.895a1.583 1.583 0 0 1 2.422 0l4.122 4.895M51 19.723v-5.45m0-.008V5.291m-5.333 8.972l4.122 4.895c.633.751 1.79.751 2.422 0l4.122-4.895M18 74.708h44a4 4 0 0 0 4-4v-40a4 4 0 0 0-4-4H18a4 4 0 0 0-4 4v40a4 4 0 0 0 4 4m5-24.857a4.286 4.286 0 0 1 4.286-4.285h5.428A4.286 4.286 0 0 1 37 49.85v6.429c0 1.183-.96 2.143-2.143 2.143h-1.675v8.285a2 2 0 0 1-2 2h-2.364a2 2 0 0 1-2-2v-8.285h-1.675A2.143 2.143 0 0 1 23 56.28zm2.535-10.938l-.012-.055a4.65 4.65 0 0 1 .89-3.894A4.59 4.59 0 0 1 30 33.218c1.395 0 2.723.65 3.587 1.746a4.65 4.65 0 0 1 .89 3.894l-.012.055a4.577 4.577 0 0 1-8.93 0M50.5 45.566c1.204 0 2.347.528 3.126 1.445l.095.112c.379.446.665.963.843 1.52l3.426 10.751a.24.24 0 0 1-.23.314h-4.008v7a2 2 0 0 1-2 2h-2.325a2 2 0 0 1-2-2v-7H43.24a.24.24 0 0 1-.23-.314l3.426-10.75a4.4 4.4 0 0 1 .843-1.52l.095-.113a4.1 4.1 0 0 1 3.126-1.445m-4.344-6.635l-.02-.087a4.62 4.62 0 0 1 .873-3.86l.03-.039a4.513 4.513 0 0 1 7.101 0l.031.039a4.62 4.62 0 0 1 .872 3.86l-.02.087a4.544 4.544 0 0 1-8.867 0"/></g></svg>Elevator Duo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:elevator-duo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:elevator-duo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:elevator-duo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--elevator-duo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:elevator-duo"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:elevator-duo"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/glyphs/elevator-duo.svg" alt="Elevator Duo アイコン" width="24" height="24">Glyphs の関連アイコン
Elevator Duo アイコン のよくある質問
Elevator Duo アイコンは商用利用でも無料ですか?
はい。Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Elevator Duo アイコンを使うには?
@iconify/react をインストールして <Icon icon="glyphs:elevator-duo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Elevator Duo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/glyphs/elevator-duo.svg" alt="Elevator Duo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。