Иконка Node Red

cib:node-red

Иконка Node Red (cib:node-red) — бесплатная SVG-иконка из набора CoreUI Brands от 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
Теги: nodered

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M4 0C1.787 0 0 1.787 0 4v8.14h3.812a2.6 2.6 0 0 1 2.615 2.615v.032c1.084-.131 1.751-.475 2.235-.912c.552-.511.923-1.213 1.355-2s.948-1.661 1.88-2.296c.765-.527 1.801-.86 3.177-.917v-.599a2.627 2.627 0 0 1 2.629-2.636h10.521a2.63 2.63 0 0 1 2.636 2.636v2.588c0 1.453-1.177 2.709-2.636 2.709H17.703c-1.457 0-2.629-1.256-2.629-2.709v-.604c-1.141.047-1.88.313-2.396.672c-.641.437-1.037 1.068-1.448 1.823c-.417.756-.844 1.631-1.631 2.355l-.104.088c4.093.552 5.953 2.073 7.536 3.459c1.849 1.62 3.297 3.031 8.396 3.052v-.615c0-1.459 1.193-2.593 2.652-2.593H32V4.001c0-2.213-1.787-4-4-4zm13.703 7.213c-.495 0-.916.36-.916.849v2.588c0 .489.421.849.916.849h10.521a.825.825 0 0 0 .849-.849V8.062a.824.824 0 0 0-.849-.849zM0 13.932v4.355h3.812a.927.927 0 0 0 .901-.923v-2.588c0-.489-.411-.844-.901-.844zm6.427 2.224v1.208A2.62 2.62 0 0 1 3.812 20H0v8c0 2.213 1.787 4 4 4h24c2.213 0 4-1.787 4-4v-1.86h-3.921c-1.459 0-2.652-1.213-2.652-2.671v-.595c-5.391-.041-7.463-1.776-9.307-3.391c-1.917-1.677-3.667-3.239-9.693-3.328zM28.079 20a.86.86 0 0 0-.865.88v2.589c0 .489.371.817.865.817H32v-4.287z"/></svg>

Как использовать иконку Node Red

React

import { Icon } from "@iconify/react";

<Icon icon="cib:node-red" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="cib:node-red" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="cib:node-red" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--node-red]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:node-red"></div>

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

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="cib:node-red"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/cib/node-red.svg" alt="Иконка Node Red" width="24" height="24">

Иконка Node Red в других наборах

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

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

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

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

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

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

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

Все Иконки CoreUI Brands →