Nodejs Line アイコン
ri:nodejs-line
Nodejs Line アイコン(ri:nodejs-line)は、Remix Icon セットの無料 SVG アイコンです（作者: Remix Design）。 24 × 24 のグリッドで描かれています。 Remix Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Remix Icon
- 作者
- Remix Design
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- ロゴ
- タグ
- nodejsline、nodej
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.887 1.362a1.75 1.75 0 0 0-1.774 0L3.363 5.92A1.75 1.75 0 0 0 2.5 7.429v9.142c0 .62.328 1.194.863 1.508l2.623 1.543C7.319 20.408 9 19.446 9 17.9V7.747H7v10.152l-2.5-1.471V7.572L12 3.16l7.5 4.412v8.856L12 20.84l-1.768-1.04l-1.014 1.723l1.895 1.115a1.75 1.75 0 0 0 1.774 0l7.75-4.559a1.75 1.75 0 0 0 .863-1.508V7.429a1.75 1.75 0 0 0-.863-1.508zM14 7.5c-1.363 0-2.329.351-2.95.97a2.5 2.5 0 0 0-.737 1.761c0 .555.157 1.058.482 1.474c.313.4.725.649 1.12.81c.72.297 1.62.394 2.344.471l.087.01c.831.09 1.454.167 1.88.345c.193.08.272.154.305.197c.021.028.062.09.062.26c0 .264-.09.434-.373.595c-.347.197-.96.347-1.883.347c-.915 0-1.553-.17-1.918-.422c-.283-.196-.492-.497-.437-1.15l-1.993-.167c-.108 1.289.359 2.316 1.292 2.962c.851.59 1.97.777 3.056.777c1.077 0 2.092-.165 2.873-.61c.846-.48 1.383-1.282 1.383-2.332c0-.557-.155-1.061-.477-1.48c-.31-.404-.722-.656-1.118-.822c-.728-.305-1.64-.403-2.368-.481l-.07-.008c-.833-.09-1.456-.165-1.885-.341c-.194-.08-.273-.152-.303-.192c-.02-.024-.059-.08-.059-.243c0-.077.023-.219.15-.345c.122-.122.499-.386 1.537-.386c.99 0 1.567.105 1.897.3c.215.128.448.363.48 1.133l1.998-.08c-.05-1.246-.506-2.208-1.458-2.772C16.08 7.583 15.01 7.5 14 7.5"/></svg>Nodejs Line アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ri:nodejs-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ri:nodejs-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ri:nodejs-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ri--nodejs-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ri -->
<div class="i-ri:nodejs-line"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ri:nodejs-line"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/ri/nodejs-line.svg" alt="Nodejs Line アイコン" width="24" height="24">Remix Icon の関連アイコン
Nodejs Line アイコン のよくある質問
Nodejs Line アイコンは商用利用でも無料ですか?
はい。Remix Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Nodejs Line アイコンを使うには?
@iconify/react をインストールして <Icon icon="ri:nodejs-line" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Nodejs Line アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ri/nodejs-line.svg" alt="Nodejs Line アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。