Иконка Knx

cbi:knx

Иконка Knx (cbi:knx) — бесплатная SVG-иконка из набора Custom Brand Icons от Emanuele & rchiileea. Она нарисована на сетке 24 × 24. Custom Brand Icons используют лицензию CC BY-NC-SA 4.0, которая не разрешает коммерческое использование без отдельного разрешения автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Custom Brand Icons
Автор: Emanuele & rchiileea
Лицензия: CC-BY-NC-SA-4.0
Размер: 24 × 24

Скачать SVG

Код SVG

<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>

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

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>

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

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

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

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

<img src="https://iconyz.com/api/public/svg/cbi/knx.svg" alt="Иконка Knx" width="24" height="24">

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

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

Нет. Custom Brand Icons используют лицензию CC BY-NC-SA 4.0, которая не разрешает коммерческое использование без отдельного разрешения автора.

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

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

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

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

Все Custom Brand Icons →