Schneider icon

cbi:schneider

The Schneider icon (cbi:schneider) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Custom Brand Icons
Author: Emanuele & rchiileea
License: CC-BY-NC-SA-4.0
Size: 24 × 24

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14.373 9.123a.47.47 0 0 0-.251.517c.062.166.276.2.479.084a.47.47 0 0 0 .252-.516c-.064-.166-.278-.208-.48-.085m-.221.983h.67v2.135h-.67Zm1.048 3.741a.375.375 0 0 1 .37-.413a.55.55 0 0 1 .333.122V13.3a.8.8 0 0 0-.35-.083a.629.629 0 0 0 .017 1.257a1 1 0 0 0 .359-.07v-.235a.8.8 0 0 1-.32.08a.376.376 0 0 1-.409-.402m-.853.032c0-.448-.205-.664-.525-.664a.56.56 0 0 0-.564.612a.6.6 0 0 0 .584.645a.8.8 0 0 0 .484-.143V14.1a.77.77 0 0 1-.424.146a.38.38 0 0 1-.4-.364h.85Zm-.52-.459a.28.28 0 0 1 .282.3H13.5a.315.315 0 0 1 .327-.3m4.936-3.353a1.08 1.08 0 0 0-1.125 1.118a1.1 1.1 0 0 0 1.237 1.095a1.54 1.54 0 0 0 .953-.28v-.42a1.26 1.26 0 0 1-.792.3a.62.62 0 0 1-.7-.592h1.531a1.08 1.08 0 0 0-1.104-1.221m-.416.868a.453.453 0 0 1 .462-.468a.46.46 0 0 1 .465.468Zm-.055 2.583h-.005v-.28h-.238v1.211h.238v-.631a.34.34 0 0 1 .293-.374a.4.4 0 0 1 .224.121l.126-.21a.42.42 0 0 0-.288-.14c-.113 0-.228.085-.35.303m1.271-.28h.239v1.211h-.239Zm-2.877-.997h.669V9.087h-.669V10.2a1.25 1.25 0 0 0-.557-.134a1.02 1.02 0 0 0-1.034 1.1a1.027 1.027 0 0 0 1 1.11a.9.9 0 0 0 .595-.212Zm-.4-.407c-.315 0-.515-.26-.515-.649c0-.426.2-.672.537-.672a.74.74 0 0 1 .377.125v1.02a.57.57 0 0 1-.398.176Zm3.354.938a.17.17 0 0 0-.091.184c.022.058.1.072.171.03a.166.166 0 0 0 .089-.184c-.022-.059-.098-.072-.169-.03m1.032 1.075a.374.374 0 0 1 .368-.413a.55.55 0 0 1 .335.122V13.3a.8.8 0 0 0-.35-.083a.629.629 0 0 0 .015 1.257a1 1 0 0 0 .362-.07v-.235a.8.8 0 0 1-.321.08a.376.376 0 0 1-.409-.402m-3.68.227v-.621h.383v-.215h-.383v-.251l-.448.439v.027h.21v.639a.356.356 0 0 0 .391.38a.7.7 0 0 0 .291-.081v-.223a.5.5 0 0 1-.272.089a.167.167 0 0 1-.172-.183m-3.137-2.494a1.26 1.26 0 0 1-.79.3a.62.62 0 0 1-.7-.592h1.531a1.116 1.116 0 1 0-2.227-.1A1.1 1.1 0 0 0 12.9 12.28a1.54 1.54 0 0 0 .955-.28Zm-1.017-1.113a.46.46 0 0 1 .463.468h-.926a.453.453 0 0 1 .463-.468m-10.03-.582c0-.157.182-.259.466-.259a2.4 2.4 0 0 1 1 .282v-.615A2.6 2.6 0 0 0 3.2 9.048c-.733 0-1.2.361-1.2.906c0 1.13 1.61.941 1.61 1.458c0 .184-.163.29-.466.29a1.83 1.83 0 0 1-1.079-.402v.68a2.13 2.13 0 0 0 1.139.3c.706 0 1.214-.352 1.214-.957c0-1.097-1.61-.963-1.61-1.438m4.811 2.672a2.6 2.6 0 0 0-.3.345h.4l-.092.263h-.474a2 2 0 0 0-.121.248h.562l-.09.263h-.552a1.06 1.06 0 0 0 .2 1.015c.462.462 1.437.3 2.165-.4a2.6 2.6 0 0 0 .328-.386h-.506l.077-.263h.6a2 2 0 0 0 .116-.249h-.656l.073-.263h.659a1.02 1.02 0 0 0-.214-.964c-.468-.466-1.446-.307-2.175.391m1.9.343H9.13c-.042 0-.06.007-.077.027a.05.05 0 0 0-.012.03l-.214.811a.84.84 0 0 1-.855.569h-.634l.11-.417h.407a.13.13 0 0 0 .1-.046a.1.1 0 0 0 .025-.049l.169-.709a.8.8 0 0 1 .806-.6h.649Zm-4.23-1.726a.6.6 0 0 1 .661-.615a1.2 1.2 0 0 1 .55.141v-.5a2.2 2.2 0 0 0-.717-.138a1.12 1.12 0 0 0-1.206 1.113a1.1 1.1 0 0 0 1.234 1.1a2.1 2.1 0 0 0 .722-.143v-.483a1.7 1.7 0 0 1-.6.148a.6.6 0 0 1-.644-.623m2.187-.292c.157-.227.291-.324.448-.324c.209 0 .347.149.347.468v.75a2 2 0 0 1 .671-.213v-.681a.75.75 0 0 0-.782-.815a.82.82 0 0 0-.675.357h-.009V9.087h-.67v3.148h.67Zm14.08-.817c-.258 0-.481.208-.679.653h-.01V10.1H20.2v2.135h.671v-.922c.148-.391.3-.623.551-.623a.8.8 0 0 1 .4.158L22 10.26a.73.73 0 0 0-.444-.195m-9.149 2.547h.239v1.838h-.239Zm-1.007-.376v-1.352a.746.746 0 0 0-.778-.818a.87.87 0 0 0-.695.346v-.306h-.67v1.451a1.06 1.06 0 0 1 .67.306v-1c.177-.265.3-.353.468-.353c.19 0 .334.125.334.427v1.3Zm-.408 1.404h.752v-.238h-.752v-.553h.779v-.237h-1.04v1.836h1.063v-.237h-.802Z"/></svg>

How to use the Schneider icon

React

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

<Icon icon="cbi:schneider" width="24" />

Vue

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

<template>
  <Icon icon="cbi:schneider" width="24" />
</template>

Svelte

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

<Icon icon="cbi:schneider" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--schneider]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:schneider"></div>

Web component

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

<iconify-icon icon="cbi:schneider"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/cbi/schneider.svg" alt="Schneider icon" width="24" height="24">

Schneider icon FAQ

Is the Schneider icon free for commercial use?

No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.

How do I use the Schneider icon in React?

Install @iconify/react and render <Icon icon="cbi:schneider" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Schneider icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/schneider.svg" alt="Schneider icon">, or paste the SVG code inline to style it with CSS.

Browse all Custom Brand Icons →