Nano アイコン
devicon-plain:nano
Nano アイコン(devicon-plain:nano)は、Devicon Plain セットの無料 SVG アイコンです（作者: konpa）。 128 × 128 のグリッドで描かれています。 Devicon Plain icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Devicon Plain
- 作者
- konpa
- ライセンス
- MIT
- サイズ
- 128 × 128
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="currentColor" d="M79.455 0c-5.3 0-9.829 1.545-13.67 4.382h28.897C90.372 1.526 85.138 0 79.455 0M30.284 7.272a16.4 16.4 0 0 0-4.92 4.382h29.411c-1.082-1.939-2.304-3.361-3.644-4.382Zm32.286 0a31 31 0 0 0-3.474 4.382h42.71a24.6 24.6 0 0 0-3.546-4.382Zm-38.966 7.271a26 26 0 0 0-1.738 4.382h7.562c1.032-.906 2.382-1.454 4.155-1.454c1.752 0 3.077.56 4.095 1.454h33.679a8.3 8.3 0 0 1 1.425-.141c.65 0 1.29.058 1.924.141h30.32a28 28 0 0 0-1.652-4.382H57.387c-.241.445-.504.853-.735 1.316c-.166-.49-.36-.867-.537-1.316Zm-2.47 7.272c-.296 1.422-.483 2.897-.644 4.382h5.933c.197-1.558.546-3.052 1.1-4.382zm18.463 0c.572 1.37.916 2.876 1.098 4.382h20.372c1.247-1.733 2.688-3.213 4.209-4.382zm42.272 0c1.733 1.235 3.17 2.734 4.131 4.382h20.146c-.076-1.512-.208-2.987-.458-4.382zm-61.637 7.271c-.076 1.27-.152 2.543-.165 3.814l6.044-.78c0-.92.058-1.993.1-3.034zm20.658 0c.021.77.066 1.637.066 2.223v2.16h16.737c.386-1.554.93-3.024 1.616-4.383zm46.289 0c.13.58.214 1.16.214 1.737v2.646h18.834v-4.383Zm-46.223 7.272v4.383h16.118v-2.38c0-.68.038-1.347.102-2.003zm46.437 0v4.383h18.834v-4.383ZM40.956 43.63v4.383h16.118V43.63Zm46.437 0v4.383h18.834V43.63ZM40.956 50.9v4.383h16.118V50.9Zm46.437 0v4.383h18.834V50.9Zm-46.437 7.272v4.383h16.118v-4.383zm46.437 0v4.383h18.834v-4.383zm-46.437 7.271v4.383h16.118v-4.383zm46.437 0v4.383h18.834v-4.383Zm-46.437 7.272v4.383h16.118v-4.383zm46.437 0v4.383h18.834v-4.383zm-46.437 7.271v4.384h16.118v-4.384Zm46.437 0v4.384h18.834v-4.384ZM40.956 87.26v3.885h16.118V87.26zm46.437 0v4.548h18.834V87.26zm0 7.437v4.383h18.834v-4.383zm0 7.271v4.384h18.834v-4.384zm.023 7.272c.014 1.497.055 2.963.143 4.383H106.4a80 80 0 0 1-.157-4.383zm.382 7.272c.129 1.43.29 2.942.46 4.383h18.833c-.166-1.482-.33-2.92-.457-4.383zm.802 7.271c.173 1.406.324 2.723.5 4.218h18.833c-.178-1.362-.326-2.807-.5-4.218z"/></svg>
Nano アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="devicon-plain:nano" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon-plain:nano" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon-plain:nano" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon-plain--nano]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon-plain -->
<div class="i-devicon-plain:nano"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon-plain:nano"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/devicon-plain/nano.svg" alt="Nano アイコン" width="24" height="24">
Nano アイコン のよくある質問
Nano アイコンは商用利用でも無料ですか?
はい。Devicon Plain icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Nano アイコンを使うには?
@iconify/react をインストールして <Icon icon="devicon-plain:nano" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Nano アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/devicon-plain/nano.svg" alt="Nano アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Devicon Plain アイコン をすべて見る →
ICONYZ
