Nuclide アイコン
logos:nuclide
Nuclide アイコン(logos:nuclide)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 308 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 308
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="308" viewBox="0 0 256 308"><path fill="#7d4f8f" d="M235.734 269.653c-13.904 13.905-48.045 4.005-87.062-22.24l64.99-64.57c26.113 38.908 35.945 72.937 22.072 86.81M34.924 128.987c-19.995-33.53-26.45-61.888-14.098-74.24c12.41-12.41 40.946-5.85 74.672 14.356zm189.879 42.787l18.762-18.64V0l-91.368 90.753a376 376 0 0 0-5.545-4.59l18.762-18.492L165.398 0l-58.806 58.135C64.664 33.522 27.224 26.73 9.762 44.193C-7.625 61.577-.994 98.731 23.348 140.43L9.712 153.911v153.142l71.743-71.18l-.097-85.356l53.85-53.074a392 392 0 0 1 5.558 4.664L88.612 153.91l-.006 153.18l48.391-48.078c46.832 30.785 90.077 40.837 109.249 21.665c19.124-19.124 9.161-62.205-21.443-108.904"/><path fill="#3f2a70" d="M9.67 154.304v153.534l71.926-71.363l-.097-85.573l84.271-83.058L165.754 0z"/><path fill="#5a2a79" d="m88.256 307.886l.006-153.577L243.616 0v153.53z"/><path fill="#7d4f8f" d="M136.995 258.884c46.833 30.785 90.077 40.837 109.249 21.665c27.021-27.021-4.013-101.864-69.316-167.167S36.782 17.045 9.761 44.066C-7.624 61.45-.993 98.603 23.35 140.301l11.575-11.442c-19.995-33.53-26.45-61.887-14.098-74.24c20.55-20.549 85.316 10.901 144.66 70.246c59.345 59.344 90.795 124.11 70.246 144.659c-13.904 13.905-48.045 4.005-87.06-22.24z"/></svg>Nuclide アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:nuclide" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:nuclide" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:nuclide" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--nuclide]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:nuclide"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:nuclide"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/nuclide.svg" alt="Nuclide アイコン" width="24" height="24">他のアイコンセットの Nuclide アイコン
Nuclide アイコン のよくある質問
Nuclide アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Nuclide アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:nuclide" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Nuclide アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/nuclide.svg" alt="Nuclide アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。