Nucleo アイコン
cib:nucleo
Nucleo アイコン(cib:nucleo)は、CoreUI Brands セットの無料 SVG アイコンです（作者: creativeLabs Łukasz Holeczek）。 32 × 32 のグリッドで描かれています。 CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- CoreUI Brands
- 作者
- creativeLabs Łukasz Holeczek
- ライセンス
- CC0-1.0
- サイズ
- 32 × 32
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M9.661 30c1.984.88 4.078 1.432 6.391 1.432c2.318 0 4.521-.552 6.396-1.432c-2.094-1.432-4.297-3.198-6.396-5.073c-2.089 1.875-4.297 3.641-6.391 5.073m19.62-6.177A15.6 15.6 0 0 0 31.375 16c0-2.313-.552-4.521-1.432-6.396c-2.313 3.422-5.62 7.276-9.37 11.026c-.771.771-1.651 1.651-2.536 2.422a10.5 10.5 0 0 0-1.099-.99a28 28 0 0 0 2.536-2.536c4.078-4.078 7.495-8.156 9.698-11.573c2.536-3.859 3.198-6.281 2.094-7.495c-.109-.219-.661-.443-1.214-.443c-1.323 0-3.526.995-6.172 2.755C21.567 1.452 18.922.567 16.052.567c-2.865 0-5.51.771-7.823 2.203C5.583 1.01 3.38.015 2.057.015C1.396.015.953.239.625.567c-2.646 2.646 5.62 12.901 11.792 19.068c7.276 7.276 14.552 12.349 17.635 12.349c.661 0 1.104-.224 1.432-.552c1.104-1.104.443-3.635-2.089-7.495zm.771-22.37c.109 0 .333 0 .443.109c.328.328.219 1.76-1.984 5.286c-.88-1.208-1.984-2.422-3.307-3.307c2.203-1.323 3.859-2.089 4.849-2.089zM3.599 6.849C1.724 3.875 1.172 2 1.615 1.563c.109-.109.333-.109.443-.109c.99 0 2.646.766 4.849 2.089A23.7 23.7 0 0 0 3.6 6.85zm26.896 23.589c-.115.109-.333.109-.443.109c-.99 0-2.646-.766-4.849-2.089c1.214-.885 2.427-1.984 3.307-3.307c2.203 3.526 2.313 4.958 1.984 5.286zm-16.203-7.162c-.995-.88-1.984-1.766-2.87-2.755c-3.635-3.641-7.161-7.719-9.37-11.026c-.875 1.984-1.427 4.193-1.427 6.396c0 2.865.771 5.51 2.094 7.823l-.109.109c-2.536 3.859-3.198 6.286-2.094 7.5c.328.328.88.547 1.432.547c2.422 0 7.385-3.083 12.896-7.932a4.2 4.2 0 0 1-.552-.661zm-12.24 7.271c-.104 0-.328 0-.438-.109c-.328-.328-.219-1.76 1.984-5.286q1.321 1.814 3.307 3.307c-2.208 1.323-3.859 2.089-4.854 2.089z"/></svg>Nucleo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cib:nucleo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:nucleo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:nucleo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--nucleo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:nucleo"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:nucleo"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cib/nucleo.svg" alt="Nucleo アイコン" width="24" height="24">他のアイコンセットの Nucleo アイコン
Nucleo アイコン のよくある質問
Nucleo アイコンは商用利用でも無料ですか?
はい。CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Nucleo アイコンを使うには?
@iconify/react をインストールして <Icon icon="cib:nucleo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Nucleo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cib/nucleo.svg" alt="Nucleo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。