Nodejs アイコン

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

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

griddy-icons:nodejs

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

アイコンセット: Griddy Icons
作者: Zuzana Benova
ライセンス: MIT
サイズ: 24 × 24
タグ: nodej

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M11.215 21.935c.23.135.5.21.785.21l-.005.01c.29 0 .555-.08.78-.21l7.435-4.3h.01c.465-.275.775-.78.775-1.355V7.705c0-.575-.31-1.08-.78-1.355L12.78 2.055h.01a1.63 1.63 0 0 0-1.57-.005L3.785 6.355h-.01A1.57 1.57 0 0 0 3 7.705v8.58c0 .575.31 1.08.78 1.355l1.935 1.115a3.16 3.16 0 0 0 1.67.475h.055c1.395 0 2.2-.845 2.2-2.32V8.435a.213.213 0 0 0-.215-.215H8.48a.213.213 0 0 0-.215.215v8.485c0 .65-.675 1.305-1.78.75l-2.04-1.18a.23.23 0 0 1-.115-.2V7.705a.25.25 0 0 1 .12-.205l7.435-4.29a.23.23 0 0 1 .23 0l7.44 4.29c.07.04.115.115.115.2v8.58c0 .085-.045.16-.115.2l-7.435 4.295a.23.23 0 0 1-.23 0l-1.91-1.13a.2.2 0 0 0-.105-.03a.3.3 0 0 0-.073.013l.013-.008l-.02.01l.007-.002a5 5 0 0 1-1.132.517c-.12.045-.3.115.07.325l2.485 1.465zm-.855-8.45c0 1.255.68 2.75 3.935 2.75l.005-.005c2.355 0 3.71-.925 3.71-2.55c0-1.605-1.085-2.03-3.37-2.335c-2.31-.305-2.545-.465-2.545-1.005c0-.445.2-1.04 1.91-1.04c1.525 0 2.09.33 2.32 1.36a.22.22 0 0 0 .21.165h.96c.12 0 .215-.095.215-.215v-.02c-.15-1.775-1.325-2.6-3.71-2.6c-2.12 0-3.385.895-3.385 2.395c0 1.63 1.26 2.075 3.295 2.28c2.435.24 2.625.595 2.625 1.075c0 .83-.67 1.185-2.235 1.185c-1.965 0-2.4-.495-2.545-1.475a.224.224 0 0 0-.215-.18h-.965a.213.213 0 0 0-.215.215" clip-rule="evenodd"/></svg>

Nodejs アイコンの使い方

React

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

<Icon icon="griddy-icons:nodejs" width="24" />

Vue

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

<template>
  <Icon icon="griddy-icons:nodejs" width="24" />
</template>

Svelte

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

<Icon icon="griddy-icons:nodejs" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="griddy-icons:nodejs"></iconify-icon>

HTML 画像

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

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

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

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

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

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

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

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

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

Griddy Icons をすべて見る →