Elevator Three Riders アイコン
pinhead:elevator-three-riders
Elevator Three Riders アイコン(pinhead:elevator-three-riders)は、Pinhead Map Icons セットの無料 SVG アイコンです（作者: Quincy Morgan）。 15 × 15 のグリッドで描かれています。 Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Pinhead Map Icons
- 作者
- Quincy Morgan
- ライセンス
- CC0-1.0
- サイズ
- 15 × 15
- タグ
- elevatorthree、threeriders、elevatorthreeriders、rider
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M12.27 6.82v7.5H2.73v-7.5zm0-.68H2.73c-.34 0-.68.34-.68.68v7.5c0 .34.34.68.68.68h9.54c.34 0 .68-.34.68-.68v-7.5c0-.34-.34-.68-.68-.68M9.61.68c0-.88 1.23-.88 1.23 0v2.66l.68-.82c.48-.47 1.3.21.82.82L10.7 5.32c-.27.27-.61.27-.81 0L8.18 3.34c-.48-.61.34-1.29.82-.82l.68.82zM4.09 4.84c0 .89 1.23.89 1.23 0V2.18L6 3c.48.48 1.3-.2.82-.82L5.18.27C4.91 0 4.57 0 4.3.2L2.66 2.25c-.48.55.27 1.3.82.75l.68-.82zm1.36 4.02H4.09c-.27 0-.34.41-.34.69v.68c0 .27.07.68.34.68v2.04c0 .69.41.69.68.69c.28 0 .68 0 .68-.69v-2.04c.28 0 .35-.41.35-.68v-.68c0-.28-.07-.69-.35-.69m-1.68-.68a1 1 0 1 0 2 0a1 1 0 1 0-2 0m4.41.68H6.82c-.27 0-.34.41-.34.69v.68c0 .27.07.68.34.68v2.04c0 .69.41.69.68.69s.68 0 .68-.69v-2.04c.27 0 .34-.41.34-.68v-.68c0-.28-.07-.69-.34-.69M6.5 8.18a1 1 0 1 0 2 0a1 1 0 1 0-2 0m4.41.68H9.55c-.28 0-.35.41-.35.69v.68c0 .27.07.68.35.68v2.04c0 .69.4.69.68.69c.27 0 .68 0 .68-.69v-2.04c.27 0 .34-.41.34-.68v-.68c0-.28-.07-.69-.34-.69m-1.68-.68a1 1 0 1 0 2 0a1 1 0 1 0-2 0"/></svg>Elevator Three Riders アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:elevator-three-riders" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:elevator-three-riders" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:elevator-three-riders" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--elevator-three-riders]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:elevator-three-riders"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:elevator-three-riders"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/pinhead/elevator-three-riders.svg" alt="Elevator Three Riders アイコン" width="24" height="24">Pinhead Map Icons の関連アイコン
Elevator Three Riders アイコン のよくある質問
Elevator Three Riders アイコンは商用利用でも無料ですか?
はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Elevator Three Riders アイコンを使うには?
@iconify/react をインストールして <Icon icon="pinhead:elevator-three-riders" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Elevator Three Riders アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pinhead/elevator-three-riders.svg" alt="Elevator Three Riders アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。