Electronjs アイコン

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

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

griddy-icons:electronjs

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

アイコンセット: Griddy Icons
作者: Zuzana Benova
ライセンス: MIT
サイズ: 24 × 24
タグ: electronj

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12.504 3.568a1.41 1.41 0 1 1 .625-1.115c2.34 1.205 3.965 5.324 3.965 10.087c.013 1.85-.25 3.69-.783 5.462h.006a.294.294 0 1 1-.562-.176a18 18 0 0 0 .757-5.286c0-4.484-1.5-8.34-3.538-9.5a1.4 1.4 0 0 1-.47.528m-1.24-.49a.82.82 0 1 0 .912-1.365a.82.82 0 0 0-.912 1.364Zm.08 10.414a1.02 1.02 0 1 0 .738-1.903a1.02 1.02 0 0 0-.737 1.903ZM7.31 18.54c1 2.747 2.6 4.445 4.411 4.445c1.32 0 2.54-.9 3.493-2.485a.297.297 0 1 0-.502-.316c-.856 1.425-1.906 2.2-2.989 2.2c-1.504 0-2.939-1.508-3.849-4.048a.294.294 0 1 0-.554.2zm14.546-.826a1.41 1.41 0 1 0-2.633.703c-2.074 1.107-6.094.445-9.898-1.756a17.9 17.9 0 0 1-4.254-3.355a.296.296 0 0 0-.436.4v-.002a18.5 18.5 0 0 0 4.401 3.47c4.041 2.326 8.33 3.009 10.593 1.69l.033.022a1.41 1.41 0 0 0 2.194-1.172m-2.215.16c.026.129.082.25.163.351a.3.3 0 0 1 .132.132a.822.822 0 0 0 1.33-.643a.82.82 0 1 0-1.625.16m-16.664 1.25a1.41 1.41 0 1 0-.097-2.817c-.098-2.346 2.51-5.626 6.453-7.904a17.8 17.8 0 0 1 5.08-2.023a.295.295 0 1 0-.123-.576v.006a18.4 18.4 0 0 0-5.252 2.08c-4.189 2.426-6.962 5.958-6.753 8.595a1.41 1.41 0 0 0 .692 2.639m-.16-2.215a.83.83 0 0 0-.42.225a.82.82 0 1 0 .42-.225m-.144-9.596c.906-1.577 3.177-2.125 6.051-1.6V5.71a.295.295 0 0 1-.106.58c-2.656-.492-4.683.006-5.435 1.309c-.554.966-.386 2.306.47 3.8a.296.296 0 0 1-.333.433a.3.3 0 0 1-.18-.138c-.95-1.659-1.143-3.211-.467-4.381m18.087.008c.904 1.564.248 3.8-1.635 6.023l.008.002a.294.294 0 0 1-.45-.38c1.739-2.054 2.325-4.049 1.575-5.35c-.547-.943-1.757-1.468-3.437-1.49a.295.295 0 0 1 0-.59c1.868.024 3.274.632 3.939 1.785" clip-rule="evenodd"/></svg>

Electronjs アイコンの使い方

React

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

<Icon icon="griddy-icons:electronjs" width="24" />

Vue

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

<template>
  <Icon icon="griddy-icons:electronjs" width="24" />
</template>

Svelte

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

<Icon icon="griddy-icons:electronjs" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[griddy-icons--electronjs]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="griddy-icons:electronjs"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/griddy-icons/electronjs.svg" alt="Electronjs アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

Griddy Icons をすべて見る →