Electron アイコン

Q: Electron アイコンは商用利用でも無料ですか?

はい。Devicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

devicon:electron

Electron アイコン(devicon:electron)は、Devicon セットの無料 SVG アイコンです（作者: konpa）。 128 × 128 のグリッドで描かれています。 Devicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Devicon
作者: konpa
ライセンス: MIT
サイズ: 128 × 128

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><g fill="#47848f"><path d="M49.07 32.66c-14.37-2.62-25.72.12-30.25 8c-3.38 5.85-2.41 13.61 2.34 21.9a1.47 1.47 0 0 0 2.56-1.47c-4.28-7.47-5.12-14.17-2.35-19c3.76-6.51 13.89-9 27.17-6.54a1.47 1.47 0 1 0 .53-2.9zM28.63 72.61a92.2 92.2 0 0 0 22 17.34c20.84 12 43 15.25 54 7.79a1.47 1.47 0 0 0-1.66-2.43C93.11 102 72 98.92 52.07 87.39a89.3 89.3 0 0 1-21.26-16.77a1.47 1.47 0 0 0-2.18 2z"/><path d="M101.06 70.81c9.41-11.11 12.69-22.29 8.17-30.11c-3.32-5.76-10.35-8.8-19.69-8.92a1.47 1.47 0 0 0 0 2.95c8.4.11 14.45 2.73 17.18 7.45c3.75 6.5.82 16.47-7.87 26.74a1.47 1.47 0 1 0 2.25 1.9zM76.89 33.15a92 92 0 0 0-26.25 10.4C29.13 56 15.09 74.29 17 87.57a1.47 1.47 0 0 0 3-.43C18.23 75.35 31.53 58 52.11 46.11A89 89 0 0 1 77.51 36a1.47 1.47 0 1 0-.62-2.88z"/><path d="M42 96.78C47 110.51 55 119 64.05 119c6.6 0 12.7-4.5 17.46-12.42A1.47 1.47 0 1 0 79 105c-4.28 7.12-9.53 11-14.94 11c-7.52 0-14.69-7.54-19.24-20.24a1.47 1.47 0 0 0-2.77 1zm45-2.69a92.5 92.5 0 0 0 3.91-27.3c0-24.41-8.54-45.44-20.71-50.85a1.47 1.47 0 0 0-1.2 2.7c10.85 4.82 19 24.78 19 48.15a89.6 89.6 0 0 1-3.78 26.42a1.47 1.47 0 0 0 2.81.88zm27.71-1.44a7.05 7.05 0 1 0-7.05 7.05a7.05 7.05 0 0 0 7.05-7.05m-2.95 0a4.1 4.1 0 1 1-4.1-4.1a4.1 4.1 0 0 1 4.1 4.1M20.34 99.7a7.05 7.05 0 1 0-7.05-7.05a7.05 7.05 0 0 0 7.05 7.05m0-2.95a4.1 4.1 0 1 1 4.1-4.1a4.1 4.1 0 0 1-4.1 4.1"/><path d="M64.05 23.13A7.05 7.05 0 1 0 57 16.08a7.05 7.05 0 0 0 7.05 7.05m0-2.95a4.1 4.1 0 1 1 4.1-4.1a4.1 4.1 0 0 1-4.1 4.1m1.08 51.59A5.1 5.1 0 1 1 69 65.71a5.1 5.1 0 0 1-3.87 6.06"/></g></svg>

Electron アイコンの使い方

React

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

<Icon icon="devicon:electron" width="24" />

Vue

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

<template>
  <Icon icon="devicon:electron" width="24" />
</template>

Svelte

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

<Icon icon="devicon:electron" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="devicon:electron"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/devicon/electron.svg" alt="Electron アイコン" width="24" height="24">

Devicon の関連アイコン

他のアイコンセットの Electron アイコン

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

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

はい。Devicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Devicon アイコンをすべて見る →