Иконка Bridge

cbi:bridge

Иконка Bridge (cbi:bridge) — бесплатная 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="M20.844 2.061H3.412a.95.95 0 0 0-.621.232l-.465.4A.95.95 0 0 0 2 3.412v17.367a1.16 1.16 0 0 0 1.16 1.16h17.492a.95.95 0 0 0 .716-.326l.4-.466a.94.94 0 0 0 .232-.62V3.221a1.16 1.16 0 0 0-1.156-1.16m-5.201.829h.927v.574h-.927ZM5.08 9.628h13.753v.355H5.08Zm12.033 3.194v.357h-1.094v.369h-.369V12.1h1.463v.368h-1.094v.357Zm-1.779 0v.357h-1.095v.369h-.369V12.1h1.464v.368h-1.095v.357Zm-1.768-.722v1.451h-1.464V12.1Zm-2.861.368v1.083h-.369V12.1h1.466v1.451h-.375v-1.086Zm-2.211-1.476l.123-.1a.46.46 0 0 1 .107.327a.45.45 0 0 1-.12.272l-.116-.094a.3.3 0 0 0 .074-.155a.32.32 0 0 0-.068-.253Zm.074 1.108h1.464v1.451H8.568Zm.486-1.014a.86.86 0 0 1-.178.617l-.12-.09a.65.65 0 0 0 .159-.489a.63.63 0 0 0-.162-.352l.113-.113a.8.8 0 0 1 .188.424Zm-.045-.534l.116-.1a1.15 1.15 0 0 1 .01 1.465l-.113-.087a.96.96 0 0 0-.013-1.281Zm-.74 1.548v1.451H6.801v-.369h1.088v-.714H6.801V11h1.468v.368H7.175v.732Zm10.61 3.045H5.125v-.355h13.754Zm0-11.678h-.927V2.89h.927Zm-9.943 8.998h.727v.714h-.727Zm3.536 0h.726v.714h-.726Z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Custom Brand Icons →