Knx icon

cbi:knx

The Knx icon (cbi:knx) 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="m19.477 13.913l2.459-2.5h-1.738l-1.5 1.463l-1.3-1.463h-1.981l2.191 2.533l-2.758 2.728h1.749l1.812-1.8l1.553 1.8l2.036.01Zm-1.059.71l-1.892 1.884h-1.274l2.584-2.557l-2.057-2.377h1.542l1.364 1.541l1.58-1.54h1.278l-2.3 2.334l2.374 2.6l-1.581-.007Zm-5.688-3.199l.01 2.662l-1.985-2.672H8.687v5.258h1.822l.022-2.668l2.068 2.667h1.973v-5.252Zm-.031 5.07l-2.352-3.035l-.028 3.034h-1.44v-4.9h1.777l2.278 3.067l-.012-3.057h1.458v4.89Zm-2.142-4.715H9.07v4.526h1.059l.028-3.399l2.636 3.4h1.397l-.001-4.52l-1.075.002l.014 3.452ZM7.166 9.094a16.2 16.2 0 0 1 4.7-.707h.1a20.4 20.4 0 0 1 4.6.765a10.9 10.9 0 0 1 3.555 1.854l1.733.01l-.075-.08a8.3 8.3 0 0 0-1.171-.975a13.5 13.5 0 0 0-3.439-1.737a17.4 17.4 0 0 0-3.741-.838a10 10 0 0 0-1.48-.065h-.079a14.8 14.8 0 0 0-5.099.887a12.6 12.6 0 0 0-4.764 2.863H3.51a9.8 9.8 0 0 1 3.656-1.977m4.87-1.617a15.6 15.6 0 0 1 5.078.9a13.3 13.3 0 0 1 3.389 1.716a8 8 0 0 1 .923.737h-1.228a11.3 11.3 0 0 0-3.581-1.826a19.7 19.7 0 0 0-4.587-.776Zm-6.349 3.932l-2.178 2.215v-2.209H2.004L2 16.671h1.509v-1.5l.596-.606l1.765 2.1h1.804l-2.383-2.816l-.215-.27l2.138-2.17Z"/></svg>

How to use the Knx icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Knx icon FAQ

Is the Knx 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 Knx icon in React?

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

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

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

Browse all Custom Brand Icons →