Eclipse アイコン

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

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

devicon:eclipse

Eclipse アイコン(devicon:eclipse)は、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"><defs><linearGradient id="SVGroIvFbQl" x1=".5" x2=".5" y1="10.894" y2="-1.595" gradientTransform="matrix(76.53125 0 0 6.78125 32.176 54.11)" gradientUnits="userSpaceOnUse"><stop offset=".303" stop-color="#473788"/><stop offset=".872" stop-color="#2c2255"/></linearGradient><linearGradient id="SVGWnlvucFF" x1=".5" x2=".5" y1="8.965" y2="-3.524" gradientTransform="matrix(76.53125 0 0 6.78125 32.176 67.191)" gradientUnits="userSpaceOnUse"><stop offset=".303" stop-color="#473788"/><stop offset=".872" stop-color="#2c2255"/></linearGradient><linearGradient id="SVG9zU1iX7Y" x1=".5" x2=".5" y1="2.152" y2="-1.667" gradientTransform="matrix(69.61719 0 0 22.17969 35.633 80.27)" gradientUnits="userSpaceOnUse"><stop offset=".303" stop-color="#473788"/><stop offset=".863" stop-color="#2c2255"/></linearGradient></defs><path fill="#2c2255" d="M35.633 80.27H16.375c2.55 8.75 7.281 16.59 14.21 23.515c11.044 11.047 24.325 16.563 39.852 16.563c3.106 0 6.114-.23 9.036-.672c11.699-1.766 21.941-7.055 30.715-15.89c6.972-6.927 11.738-14.766 14.308-23.516ZM25.016 54.113H14.953a59 59 0 0 0-.734 6.782h112.445a59 59 0 0 0-.738-6.782M14.219 67.191a59 59 0 0 0 .734 6.782H125.93q.562-3.37.738-6.782M124.5 47.812c-2.57-8.769-7.336-16.648-14.313-23.624c-8.75-8.754-18.964-14.004-30.624-15.77a61 61 0 0 0-9.122-.684c-15.53 0-28.812 5.489-39.855 16.453c-6.93 6.977-11.668 14.856-14.215 23.625"/><path fill="#f7941e" d="M10.875 64.043c0-29.703 22.309-54.383 51.332-58.723c-.719-.027-1.445-.058-2.172-.058c-32.566.004-58.969 26.32-58.969 58.781c0 32.465 26.403 58.781 58.97 58.781c.73 0 1.452-.027 2.175-.054c-29.027-4.34-51.336-29.02-51.336-58.727m0 0"/><path fill="url(#SVGroIvFbQl)" d="M108.707 60.89a38.4 38.4 0 0 0-1.164-6.78H33.34a38.4 38.4 0 0 0-1.164 6.78Zm0 0"/><path fill="url(#SVGWnlvucFF)" d="M108.707 67.191H32.176c.183 2.29.574 4.559 1.164 6.782h74.203a38.5 38.5 0 0 0 1.164-6.782m0 0"/><path fill="url(#SVG9zU1iX7Y)" d="M70.441 102.45c15.41 0 28.696-9.083 34.809-22.18H35.633c6.117 13.097 19.398 22.18 34.808 22.18m0 0"/><path fill="#fff" d="M26.504 67.191h100.082a56 56 0 0 0 .082-3.027c0-1.098-.04-2.187-.102-3.273H14.22a61 61 0 0 0-.102 3.273c0 1.016.031 2.023.082 3.027Zm8.906-19.379H16.371c-.625 2.051-1.031 4.157-1.418 6.301H125.57a55 55 0 0 0-1.515-6.3m-5.72 26.16H14.954c.375 2.14.805 4.246 1.422 6.297h108.05a56 56 0 0 0 1.49-6.297Zm0 0"/></svg>

Eclipse アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Devicon の関連アイコン

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

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

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

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

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

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

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

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

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