ICONYZ
日本語
Map Icons の Electrician アイコン

Electrician アイコン

map:electrician

Electrician アイコン(map:electrician)は、Map Icons セットの無料 SVG アイコンです(作者: Scott de Jonge)。 50 × 50 のグリッドで描かれています。 Map Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Map Icons
作者
Scott de Jonge
ライセンス
OFL-1.1
サイズ
50 × 50
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path fill="currentColor" d="M41 14h-5V2.919C36 1.859 35.105 1 34 1s-2 .859-2 1.919V14H16V2.919C16 1.859 15.105 1 13.999 1S12 1.859 12 2.919V14H7c-.553 0-1 .869-1 1.399V20.2c0 5.759 10 12.446 10 21.696V45h4v4h8v-4h4v-3.104c0-9.25 10-15.938 10-21.696v-4.801c0-.53-.447-1.399-1-1.399M22.907 30.388c.065-.21-.067-.388-.296-.388h-3.885c-.23 0-.295-.13-.149-.299c0 0 8.005-10.159 8.161-10.355c.118-.186.248-.121.207.093c-.062.271-1.771 7.202-1.771 7.202c-.083.204.037.359.264.359h3.887c.229 0 .302.154.162.328c0 0-8.017 10.402-8.161 10.576s-.279.121-.206-.175z"/></svg>

Electrician アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="map:electrician" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="map:electrician" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="map:electrician" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[map--electrician]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/map -->
<div class="i-map:electrician"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="map:electrician"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/map/electrician.svg" alt="Electrician アイコン" width="24" height="24">

Electrician アイコン のよくある質問

Electrician アイコンは商用利用でも無料ですか?

はい。Map Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

React で Electrician アイコンを使うには?

@iconify/react をインストールして <Icon icon="map:electrician" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Electrician アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/map/electrician.svg" alt="Electrician アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Map Icons をすべて見る →