ICONYZ
Русский
Иконка Nuclide из набора SVG Logos

Иконка Nuclide

logos:nuclide

Иконка Nuclide (logos:nuclide) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 256 × 308. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
SVG Logos
Автор
Gil Barbara
Лицензия
CC0-1.0
Размер
256 × 308
Скачать SVG

Код 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>

Веб-компонент

<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 из набора File Icons
File Icons

Вопросы и ответы: Иконка Nuclide

Можно ли бесплатно использовать иконку Nuclide в коммерческих проектах?

Да. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Nuclide в React?

Установите @iconify/react и выведите <Icon icon="logos:nuclide" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Nuclide на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/logos/nuclide.svg" alt="Иконка Nuclide">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки SVG Logos →