Eclipse Jetty アイコン
thesvg:eclipse-jetty
Eclipse Jetty アイコン(thesvg:eclipse-jetty)は、theSVG セットの無料 SVG アイコンです（作者: thesvg.org）。 24 × 24 のグリッドで描かれています。 theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- eclipsejetty
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4.985 2.751a.84.84 0 0 0-.82.653l-.618 2.673a.84.84 0 0 0 .023.459a.84.84 0 0 0-.222.403L.986 17.172c-.043.003-.064.006-.12.008a.84.84 0 0 0-.808.821L0 20.387a.84.84 0 0 0 .845.862l4.067-.016a2.27 2.27 0 0 0 1.507-.633c.408-.398.658-.921.842-1.548l.013-.048l.093-.403a.84.84 0 0 0 .808.607h2.518a.84.84 0 0 0 .763-.486L18.344 3.95a.842.842 0 0 0-.762-1.197h-2.518a.84.84 0 0 0-.763.486l-1.435 3.075a.8.8 0 0 0-.209-.026H10.21l.578-2.504a.842.842 0 0 0-.82-1.032zm15.654 0a.84.84 0 0 0-.763.487L12.988 18.01a.842.842 0 0 0 .763 1.198h2.518a.84.84 0 0 0 .763-.486L23.92 3.949a.842.842 0 0 0-.763-1.198zm-15.654.842h4.982L9.35 6.266H4.368zm10.079 0h2.518l-6.889 14.773H8.175l.345-.739h1.908a.84.84 0 0 0 .82-.652l.856-3.708a.842.842 0 0 0-.82-1.031h-.25l.26-.558h.508a.84.84 0 0 0 .82-.653l.856-3.707a.8.8 0 0 0 .008-.34zm5.575 0h2.518L16.27 18.366h-2.52zM4.169 7.128h2.624l-.812 3.519a.842.842 0 0 0 .82 1.03h1.3l-.129.559H6.283a.84.84 0 0 0-.82.652l-.856 3.708a.842.842 0 0 0 .82 1.031h1.3l-.273 1.188c-.321 1.092-.808 1.534-1.589 1.577l-4.023.015l.057-2.386c.489-.019.708.004.851-.418zm3.488 0h5l-.855 3.708H6.8zm1.308 4.55h1.4l-.26.558H8.836zm-2.682 1.4h5.001l-.856 3.707h-5Z"/></svg>Eclipse Jetty アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:eclipse-jetty" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:eclipse-jetty" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:eclipse-jetty" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--eclipse-jetty]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:eclipse-jetty"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:eclipse-jetty"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg/eclipse-jetty.svg" alt="Eclipse Jetty アイコン" width="24" height="24">theSVG の関連アイコン
他のアイコンセットの Eclipse Jetty アイコン
Eclipse Jetty アイコン のよくある質問
Eclipse Jetty アイコンは商用利用でも無料ですか?
はい。theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Eclipse Jetty アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg:eclipse-jetty" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Eclipse Jetty アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg/eclipse-jetty.svg" alt="Eclipse Jetty アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。