ICONYZ
日本語
theSVG の Intellij Idea アイコン

Intellij Idea アイコン

thesvg:intellij-idea

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

アイコンセット
theSVG
作者
thesvg.org
ライセンス
MIT
サイズ
24 × 24
タグ
intellijidea
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M0 0v24h24V0zm3.723 3.111h5v1.834h-1.39v6.277h1.39v1.834h-5v-1.834h1.444V4.945H3.723zm11.055 0H17v6.5c0 .612-.055 1.111-.222 1.556c-.167.444-.39.777-.723 1.11c-.277.279-.666.557-1.11.668a3.9 3.9 0 0 1-1.445.278c-.778 0-1.444-.167-1.944-.445a4.8 4.8 0 0 1-1.279-1.056l1.39-1.555a3.2 3.2 0 0 0 .833.722c.277.167.611.278.945.278c.389 0 .721-.111 1-.389c.221-.278.333-.667.333-1.278zM2.222 19.5h9V21h-9z"/></svg>

Intellij Idea アイコンの使い方

React

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

<Icon icon="thesvg:intellij-idea" width="24" />

Vue

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

<template>
  <Icon icon="thesvg:intellij-idea" width="24" />
</template>

Svelte

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

<Icon icon="thesvg:intellij-idea" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--intellij-idea]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:intellij-idea"></div>

Web コンポーネント

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

<iconify-icon icon="thesvg:intellij-idea"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg/intellij-idea.svg" alt="Intellij Idea アイコン" width="24" height="24">

他のアイコンセットの Intellij Idea アイコン

Intellij Idea アイコン のよくある質問

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

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

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

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

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

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

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