node red logo
node-red from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- node-red
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
Related icons in CoreUI Brands
Use the node red logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function CibNodeRed(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-node-red {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4%200C1.787%200%200%201.787%200%204v8.14h3.812a2.6%202.6%200%200%201%202.615%202.615v.032c1.084-.131%201.751-.475%202.235-.912c.552-.511.923-1.213%201.355-2s.948-1.661%201.88-2.296c.765-.527%201.801-.86%203.177-.917v-.599a2.627%202.627%200%200%201%202.629-2.636h10.521a2.63%202.63%200%200%201%202.636%202.636v2.588c0%201.453-1.177%202.709-2.636%202.709H17.703c-1.457%200-2.629-1.256-2.629-2.709v-.604c-1.141.047-1.88.313-2.396.672c-.641.437-1.037%201.068-1.448%201.823c-.417.756-.844%201.631-1.631%202.355l-.104.088c4.093.552%205.953%202.073%207.536%203.459c1.849%201.62%203.297%203.031%208.396%203.052v-.615c0-1.459%201.193-2.593%202.652-2.593H32V4.001c0-2.213-1.787-4-4-4zm13.703%207.213c-.495%200-.916.36-.916.849v2.588c0%20.489.421.849.916.849h10.521a.825.825%200%200%200%20.849-.849V8.062a.824.824%200%200%200-.849-.849zM0%2013.932v4.355h3.812a.927.927%200%200%200%20.901-.923v-2.588c0-.489-.411-.844-.901-.844zm6.427%202.224v1.208A2.62%202.62%200%200%201%203.812%2020H0v8c0%202.213%201.787%204%204%204h24c2.213%200%204-1.787%204-4v-1.86h-3.921c-1.459%200-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%2020a.86.86%200%200%200-.865.88v2.589c0%20.489.371.817.865.817H32v-4.287z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4%200C1.787%200%200%201.787%200%204v8.14h3.812a2.6%202.6%200%200%201%202.615%202.615v.032c1.084-.131%201.751-.475%202.235-.912c.552-.511.923-1.213%201.355-2s.948-1.661%201.88-2.296c.765-.527%201.801-.86%203.177-.917v-.599a2.627%202.627%200%200%201%202.629-2.636h10.521a2.63%202.63%200%200%201%202.636%202.636v2.588c0%201.453-1.177%202.709-2.636%202.709H17.703c-1.457%200-2.629-1.256-2.629-2.709v-.604c-1.141.047-1.88.313-2.396.672c-.641.437-1.037%201.068-1.448%201.823c-.417.756-.844%201.631-1.631%202.355l-.104.088c4.093.552%205.953%202.073%207.536%203.459c1.849%201.62%203.297%203.031%208.396%203.052v-.615c0-1.459%201.193-2.593%202.652-2.593H32V4.001c0-2.213-1.787-4-4-4zm13.703%207.213c-.495%200-.916.36-.916.849v2.588c0%20.489.421.849.916.849h10.521a.825.825%200%200%200%20.849-.849V8.062a.824.824%200%200%200-.849-.849zM0%2013.932v4.355h3.812a.927.927%200%200%200%20.901-.923v-2.588c0-.489-.411-.844-.901-.844zm6.427%202.224v1.208A2.62%202.62%200%200%201%203.812%2020H0v8c0%202.213%201.787%204%204%204h24c2.213%200%204-1.787%204-4v-1.86h-3.921c-1.459%200-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%2020a.86.86%200%200%200-.865.88v2.589c0%20.489.371.817.865.817H32v-4.287z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/node-red.svg?color=%231a73e8&size=48
