Nuxt Wordmark アイコン
devicon-plain:nuxt-wordmark
Nuxt Wordmark アイコン(devicon-plain:nuxt-wordmark)は、Devicon Plain セットの無料 SVG アイコンです（作者: konpa）。 128 × 128 のグリッドで描かれています。 Devicon Plain icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Devicon Plain
- 作者
- konpa
- ライセンス
- MIT
- サイズ
- 128 × 128
- タグ
- nuxtwordmark
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="currentColor" d="M18.08 48c-.567 0-1.109.04-1.6.32a3.8 3.8 0 0 0-1.28 1.28L.32 75.2c-.284.485-.32 1.039-.32 1.6c0 .563.037 1.114.32 1.6s.789.839 1.28 1.12c.49.28 1.032.48 1.6.48h11.2c4.438 0 7.668-1.99 9.92-5.76l5.44-9.44l2.88-4.96l8.8 15.04H29.76L26.88 80h17.76c.568 0 1.11-.2 1.6-.48c.491-.281.997-.633 1.28-1.12s.48-1.037.48-1.6c0-.561-.196-1.114-.48-1.6l-12-20.64a2.9 2.9 0 0 0-1.12-1.12a3.9 3.9 0 0 0-1.76-.48c-.566 0-1.11.198-1.6.48a2.9 2.9 0 0 0-1.12 1.12l-3.04 5.28L20.8 49.6c-.283-.486-.63-.999-1.12-1.28c-.491-.28-1.033-.32-1.6-.32m0 6.72L24 64.8l-3.922 6.837c-1.495 2.446-3.2 3.244-5.838 3.244H6.4l11.68-20.16zM56 56v24h4.32c.346 0 .64-.288.64-.64V64.48l2.24 3.84l6.24 10.72c.284.597.92.96 1.44.96h4.32V56h-4.32c-.287 0-.64.24-.64.64v15.04l-2.88-5.12l-5.76-9.76c-.28-.496-.883-.8-1.44-.8zm63.2 1.6v4.16a.96.96 0 0 1-.96.96h-2.08v3.84h3.04v7.04c0 4.01 2.391 6.4 6.08 6.4H128v-4.16h-2.08c-1.431 0-2.24-.72-2.24-2.4v-6.88H128v-3.84h-4.32V57.6zm-39.52 5.12v9.92c0 2.242.862 4.13 2.08 5.44C82.999 79.391 84.868 80 87.2 80c2.33 0 4.041-.609 5.28-1.92c1.24-1.31 2.08-3.198 2.08-5.44v-9.92h-2.88c-.476-.005-.805-.015-1.12.32c-.356.38-.48.73-.48 1.28v8.32c0 1.29-.074 2.085-.64 2.72c-.568.612-1.086.8-2.24.8c-1.135 0-1.832-.188-2.4-.8c-.566-.635-.64-1.43-.64-2.72v-8.32c0-.55-.123-.762-.48-1.12c-.357-.38-.894-.48-1.44-.48zm18.08 0l5.44 8.16L97.28 80h4.16c.52 0 .99-.515 1.28-.96l2.88-4.32l3.04 4.48c.292.445.76.8 1.28.8h4.16l-5.92-8.96l5.44-8.32h-4.16c-.525 0-.99.187-1.28.64l-2.56 3.84l-2.4-3.68c-.29-.452-.916-.8-1.44-.8z"/></svg>Nuxt Wordmark アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="devicon-plain:nuxt-wordmark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon-plain:nuxt-wordmark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon-plain:nuxt-wordmark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon-plain--nuxt-wordmark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon-plain -->
<div class="i-devicon-plain:nuxt-wordmark"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon-plain:nuxt-wordmark"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/devicon-plain/nuxt-wordmark.svg" alt="Nuxt Wordmark アイコン" width="24" height="24">Devicon Plain の関連アイコン
他のアイコンセットの Nuxt Wordmark アイコン
Nuxt Wordmark アイコン のよくある質問
Nuxt Wordmark アイコンは商用利用でも無料ですか?
はい。Devicon Plain icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Nuxt Wordmark アイコンを使うには?
@iconify/react をインストールして <Icon icon="devicon-plain:nuxt-wordmark" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Nuxt Wordmark アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/devicon-plain/nuxt-wordmark.svg" alt="Nuxt Wordmark アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。