Nodejs アイコン

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

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

devicon:nodejs

Nodejs アイコン(devicon:nodejs)は、Devicon セットの無料 SVG アイコンです（作者: konpa）。 128 × 128 のグリッドで描かれています。 Devicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Devicon
作者: konpa
ライセンス: MIT
サイズ: 128 × 128
タグ: nodej

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="url(#SVGfJo5KBID)" d="M66.958.825a6.07 6.07 0 0 0-6.035 0L11.103 29.76c-1.895 1.072-2.96 3.095-2.96 5.24v57.988c0 2.143 1.183 4.167 2.958 5.24l49.82 28.934a6.07 6.07 0 0 0 6.036 0l49.82-28.935c1.894-1.072 2.958-3.096 2.958-5.24V35c0-2.144-1.183-4.167-2.958-5.24z"/><path fill="url(#SVGO7R9ibnx)" d="M116.897 29.76L66.841.825A8 8 0 0 0 65.302.23L9.21 96.798a6.3 6.3 0 0 0 1.657 1.43l50.057 28.934c1.42.833 3.076 1.072 4.615.595l52.66-96.925a3.7 3.7 0 0 0-1.302-1.072"/><path fill="url(#SVGXTTu2b3u)" d="M116.898 98.225c1.42-.833 2.485-2.262 2.958-3.81L65.066.108c-1.42-.238-2.959-.119-4.26.715L11.104 29.639l53.606 98.355c.71-.12 1.54-.358 2.25-.715z"/><defs><linearGradient id="SVGfJo5KBID" x1="34.513" x2="27.157" y1="15.535" y2="30.448" gradientTransform="translate(-129.242 -73.715)scale(6.18523)" gradientUnits="userSpaceOnUse"><stop stop-color="#3f873f"/><stop offset=".33" stop-color="#3f8b3d"/><stop offset=".637" stop-color="#3e9638"/><stop offset=".934" stop-color="#3da92e"/><stop offset="1" stop-color="#3dae2b"/></linearGradient><linearGradient id="SVGO7R9ibnx" x1="30.009" x2="50.533" y1="23.359" y2="8.288" gradientTransform="translate(-129.242 -73.715)scale(6.18523)" gradientUnits="userSpaceOnUse"><stop offset=".138" stop-color="#3f873f"/><stop offset=".402" stop-color="#52a044"/><stop offset=".713" stop-color="#64b749"/><stop offset=".908" stop-color="#6abf4b"/></linearGradient><linearGradient id="SVGXTTu2b3u" x1="21.917" x2="40.555" y1="22.261" y2="22.261" gradientTransform="translate(-129.242 -73.715)scale(6.18523)" gradientUnits="userSpaceOnUse"><stop offset=".092" stop-color="#6abf4b"/><stop offset=".287" stop-color="#64b749"/><stop offset=".598" stop-color="#52a044"/><stop offset=".862" stop-color="#3f873f"/></linearGradient></defs></svg>

Nodejs アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Devicon の関連アイコン

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

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

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

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

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

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

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

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

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