Eclipse Ide アイコン
thesvg-color:eclipse-ide
Eclipse Ide アイコン(thesvg-color:eclipse-ide)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 256 × 240 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 256 × 240
- タグ
- eclipseide
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="240" viewBox="0 0 256 240"><defs><linearGradient id="SVGmzkBoeJm" x1="50%" x2="50%" y1="1089.396%" y2="-159.5%"><stop offset="30.33%" stop-color="#473788"/><stop offset="87.2%" stop-color="#2c2255"/></linearGradient><linearGradient id="SVGc35JLeNZ" x1="49.999%" x2="49.999%" y1="896.537%" y2="-352.359%"><stop offset="30.33%" stop-color="#473788"/><stop offset="87.2%" stop-color="#2c2255"/></linearGradient><linearGradient id="SVGZTlqhd2x" x1="49.999%" x2="49.999%" y1="215.17%" y2="-166.715%"><stop offset="30.33%" stop-color="#473788"/><stop offset="86.31%" stop-color="#2c2255"/></linearGradient></defs><path fill="#2c2255" d="M70.382 153.049H31.26c5.18 17.768 14.792 33.693 28.864 47.768c22.434 22.436 49.41 33.64 80.956 33.64c6.306 0 12.416-.47 18.35-1.365c23.761-3.587 44.565-14.33 62.39-32.275c14.162-14.07 23.842-30 29.062-47.768zM48.81 99.915H28.373a120 120 0 0 0-1.488 13.775h228.399c-.233-4.7-.743-9.285-1.497-13.775M26.885 126.482a119 119 0 0 0 1.488 13.775h225.418a119 119 0 0 0 1.5-13.775m-4.404-39.362c-5.215-17.817-14.897-33.817-29.067-47.99c-17.778-17.777-38.522-28.443-62.207-32.031a123 123 0 0 0-18.532-1.386c-31.546 0-58.524 11.143-80.956 33.418C46.048 53.303 36.43 69.303 31.254 87.12"/><path fill="#f7941e" d="M20.093 120.09C20.093 59.753 65.407 9.621 124.357.803c-1.462-.053-2.932-.112-4.409-.112C53.796.692.164 54.15.164 120.09c0 65.943 53.63 119.397 119.784 119.397c1.482 0 2.951-.056 4.419-.11c-58.96-8.817-104.274-58.95-104.274-119.287"/><path fill="url(#SVGmzkBoeJm)" d="M155.728 14.226A78 78 0 0 0 153.364.451H2.642A78 78 0 0 0 .276 14.226z" transform="translate(63.083 99.461)"/><path fill="url(#SVGc35JLeNZ)" d="M155.728 27.02H.278a77.6 77.6 0 0 0 2.364 13.776h150.724a78 78 0 0 0 2.362-13.776" transform="translate(63.083 99.461)"/><path fill="url(#SVGZTlqhd2x)" d="M78.003 98.636c31.3 0 58.282-18.441 70.706-45.048H7.297c12.425 26.607 39.405 45.048 70.706 45.048" transform="translate(63.083 99.461)"/><path fill="#fff" d="M51.84 126.482h203.29c.108-2.035.168-4.084.168-6.147c0-2.232-.081-4.444-.208-6.647H26.885c-.126 2.2-.208 4.415-.208 6.647c0 2.063.06 4.112.168 6.147zM69.924 87.12H31.252c-1.271 4.166-2.091 8.44-2.879 12.795h224.692a114 114 0 0 0-3.075-12.795m-11.617 53.135H28.371c.766 4.352 1.638 8.623 2.888 12.794h219.479a113 113 0 0 0 3.023-12.794z"/></svg>Eclipse Ide アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:eclipse-ide" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:eclipse-ide" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:eclipse-ide" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--eclipse-ide]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:eclipse-ide"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:eclipse-ide"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/eclipse-ide.svg" alt="Eclipse Ide アイコン" width="24" height="24">theSVG Color の関連アイコン
他のアイコンセットの Eclipse Ide アイコン
Eclipse Ide アイコン のよくある質問
Eclipse Ide アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Eclipse Ide アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:eclipse-ide" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Eclipse Ide アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/eclipse-ide.svg" alt="Eclipse Ide アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。