Intellij アイコン
devicon:intellij
Intellij アイコン(devicon:intellij)は、Devicon セットの無料 SVG アイコンです(作者: konpa)。 128 × 128 のグリッドで描かれています。 Devicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><defs><linearGradient id="SVGGTpQ6cbF" x1="-.72" x2="24.144" y1="7.628" y2="61.252" gradientTransform="translate(0 47.745)scale(.4155)" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#fc801d"/><stop offset=".59" stop-color="#fe2857"/></linearGradient><linearGradient id="SVGqNxvsAjS" x1="4.22" x2="62.921" y1="60.02" y2="1.311" gradientTransform="translate(0 47.745)scale(.4155)" gradientUnits="userSpaceOnUse"><stop offset=".21" stop-color="#fe2857"/><stop offset=".7" stop-color="#007eff"/></linearGradient></defs><path fill="#ff8100" d="M31.9 11.657H8.14c-4.5 0-8.14 3.66-8.14 8.14v23.015c0 2.38 1.04 4.64 2.84 6.18L79.16 114.4a8.2 8.2 0 0 0 5.3 1.96h23.76c4.5 0 8.14-3.64 8.14-8.14V85.207c0-2.38-1.04-4.64-2.84-6.18L37.2 13.618a8.2 8.2 0 0 0-5.3-1.96Z"/><path fill="url(#SVGGTpQ6cbF)" d="M6.033 50.167H1.69A1.69 1.69 0 0 0 0 51.857v5.439c0 .079.004.162.016.24L2.21 72.884c.12.835.831 1.454 1.675 1.454h6.51a1.69 1.69 0 0 0 1.691-1.691v-7.702c0-.183-.033-.362-.087-.536L7.636 51.322a1.69 1.69 0 0 0-1.603-1.155" transform="translate(.001 -229.824)scale(4.81355)"/><path fill="url(#SVGqNxvsAjS)" d="M24.9 47.75H10.786c-.677 0-1.288.403-1.554 1.026L2.555 64.35a1.7 1.7 0 0 0-.137.665v7.627c0 .935.756 1.69 1.691 1.69h7.466c.333 0 .661-.099.94-.286l13.324-8.89c.47-.316.752-.843.752-1.408V49.436a1.69 1.69 0 0 0-1.69-1.69z" transform="translate(.001 -229.824)scale(4.81355)"/><path d="M104 24.001H24v80h80z"/><path fill="#fff" d="M51.68 58.797h-5.96v-19.54h5.96v-5.22H34v5.22h5.96v19.54H34v5.22h17.68zm11.76-24.78v20.14c0 .88-.18 1.64-.56 2.32s-.9 1.2-1.58 1.58s-1.46.56-2.32.56h-4.3v5.4h5.04c1.82 0 3.44-.4 4.9-1.22s2.6-1.94 3.42-3.38s1.24-3.06 1.24-4.86v-20.54Zm-29.44 60h32v-6H34Z"/></svg>Intellij アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:intellij" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:intellij" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:intellij" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--intellij]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:intellij"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:intellij"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/devicon/intellij.svg" alt="Intellij アイコン" width="24" height="24">Devicon の関連アイコン
他のアイコンセットの Intellij アイコン
Intellij アイコン のよくある質問
Intellij アイコンは商用利用でも無料ですか?
はい。Devicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Intellij アイコンを使うには?
@iconify/react をインストールして <Icon icon="devicon:intellij" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Intellij アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/devicon/intellij.svg" alt="Intellij アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。