Nodewebkit アイコン
logos:nodewebkit
Nodewebkit アイコン(logos:nodewebkit)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 290 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 290
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="290" viewBox="0 0 256 290"><path fill="#3d3b47" d="M127.866 286.234c-2.74 0-5.251-.685-7.078-1.598L10.503 221.16c-3.881-2.284-7.078-7.992-7.078-12.33V81.42c0-4.338 3.425-10.046 7.078-12.33L120.788 5.614c1.827-1.142 4.338-1.599 7.078-1.599s5.252.685 7.079 1.599L245 69.319c3.881 2.283 7.078 7.991 7.078 12.33v127.18c0 4.339-3.425 10.047-7.078 12.33l-110.056 63.705c-1.827.914-4.339 1.37-7.079 1.37"/><path fill="#ccc" d="M127.866 7.44c2.055 0 4.11.457 5.48 1.142L243.402 72.06c2.74 1.598 5.48 6.165 5.48 9.361v127.181c0 3.197-2.74 7.764-5.48 9.362l-110.056 63.705c-1.37.685-3.425 1.141-5.48 1.141s-4.11-.456-5.48-1.141L12.33 218.19c-2.74-1.598-5.48-6.165-5.48-9.361V81.42c0-3.196 2.74-7.763 5.48-9.361L122.386 8.582c1.37-.685 3.425-1.142 5.48-1.142m0-6.85c-3.196 0-6.393.685-8.905 2.055L8.905 66.122C4.11 69.09 0 75.94 0 81.42v127.181c0 5.709 3.882 12.559 8.905 15.299l110.056 63.704c2.512 1.37 5.709 2.055 8.905 2.055c3.197 0 6.394-.685 8.905-2.055L246.827 223.9c4.795-2.74 8.905-9.59 8.905-15.299V81.421c0-5.71-3.881-12.56-8.905-15.3L136.771 2.646C134.26 1.275 131.063.59 127.866.59"/><path fill="#eff3f3" d="M127.866 135.307h.685c3.197.228 6.165 2.055 7.992 4.795c.913 1.598 1.37 3.653 1.37 5.708c-.457 5.252-4.567 9.133-9.818 9.133h-.685c-3.197-.228-6.165-2.055-7.992-4.795c-.913-1.598-1.37-3.653-1.37-5.708c.228-5.023 4.567-9.133 9.818-9.133m0-.685c-5.48 0-10.046 4.338-10.503 9.818c-.228 2.055.228 4.11 1.37 5.937c1.827 2.968 4.795 5.023 8.448 5.251h.685c5.48 0 10.047-4.338 10.504-9.818c.228-2.055-.457-4.11-1.37-5.937c-1.827-2.968-4.795-5.023-8.449-5.251z"/><path fill="#eff3f3" d="M128.095 141.7c1.826.228 3.425 1.827 3.196 3.653s-1.826 3.425-3.653 3.197s-3.425-1.827-3.197-3.653c0-1.827 1.827-3.425 3.654-3.197m-.229 17.353h-.913c-4.567-.228-8.905-2.968-11.188-6.85c-1.37-2.511-2.055-5.251-1.827-7.991c.228-3.197 1.598-6.165 3.653-8.449v-.228L27.4 204.263l103.663-45.666c-1.142.228-2.055.456-3.197.456"/><path fill="#0977f7" d="M124.441 131.653c1.37-.228 2.74-.456 4.339-.456c4.566.228 8.905 2.968 11.188 6.85c1.37 2.511 2.055 5.251 1.826 7.991c-.228 3.425-1.598 6.394-3.881 8.677l91.105-67.13z"/></svg>Nodewebkit アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:nodewebkit" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:nodewebkit" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:nodewebkit" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--nodewebkit]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:nodewebkit"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:nodewebkit"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/nodewebkit.svg" alt="Nodewebkit アイコン" width="24" height="24">他のアイコンセットの Nodewebkit アイコン
Nodewebkit アイコン のよくある質問
Nodewebkit アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Nodewebkit アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:nodewebkit" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Nodewebkit アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/nodewebkit.svg" alt="Nodewebkit アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。