Nuxt アイコン

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

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

devicon:nuxt

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#00dc82" d="M71.679 106.667h47.359c1.514 0 2.962-.533 4.268-1.283c1.307-.75 2.66-1.688 3.415-2.986S128 99.629 128 98.134s-.524-2.971-1.279-4.268l-32-55.038c-.755-1.297-1.68-2.24-2.99-2.991c-1.312-.751-3.18-1.279-4.695-1.279c-1.514 0-2.957.533-4.263 1.279s-2.232 1.693-2.987 2.991l-8.108 14.08l-16.213-27.311c-.755-1.297-1.68-2.66-2.986-3.41s-2.755-.854-4.269-.854s-2.957.104-4.264.854c-1.306.75-2.66 2.113-3.415 3.41L.854 93.864C.099 95.161 0 96.634 0 98.134s.099 2.966.854 4.263c.754 1.297 2.103 2.24 3.415 2.986c1.311.747 2.754 1.284 4.264 1.284H38.4c11.835 0 20.449-5.31 26.453-15.364l14.505-25.17l7.678-13.226l23.468 40.104H79.359ZM37.97 93.01H17.066l31.147-53.76L64 66.134L53.543 84.361c-3.986 6.523-8.533 8.65-15.572 8.65zm0 0"/></svg>

Nuxt アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Devicon の関連アイコン

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

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

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

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

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

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

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

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

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