Иконка Jcb

lineicons:jcb

Иконка Jcb (lineicons:jcb) — бесплатная SVG-иконка из набора Lineicons. Она нарисована на сетке 24 × 24. Lineicons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Lineicons
Автор: Lineicons
Лицензия: MIT
Размер: 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="M5.097 4.425C3.419 4.425 2 5.759 2 7.442v12.133h16.903c1.742 0 3.097-1.397 3.097-3.049V4.425zM8.58 16.367c0 1.239-1 2.192-2.226 2.192H3.097v-4.67s1 .255 2.258.255c2.129 0 2.774-.794 2.774-1.779v-2.54H6.226v2.604c0 .635-.42 1.08-1.194 1.08c-.645 0-1.258-.19-1.903-.477v-5.4c0-1.238 1-2.19 2.226-2.19H8.58zm6.16 0c0 1.239-1 2.192-2.225 2.192H9.29V13.54c.549.445 1.549.763 3.13.731a9.5 9.5 0 0 0 1.741-.254v-.953c-.451.222-1 .445-1.677.476c-1.194.096-1.903-.476-1.903-1.524c0-1.017.742-1.62 1.903-1.525c.677.032 1.258.223 1.677.508v-.952s-.903-.223-1.742-.254c-1.548-.032-2.548.222-3.129.73V7.665c0-1.24 1-2.192 2.226-2.192h3.226zm6.13 0c0 1.239-1 2.192-2.226 2.192h-3.29v-4.447h3.451c.807 0 1.42-.444 1.42-1.111c0-.636-.549-1.017-1.258-1.017v-.032c.645-.095 1-.476 1-.984c0-.636-.549-.985-1.258-1.017h-3.323V7.665c0-1.24 1-2.192 2.226-2.192h3.258zm-3.097-4.224h.13c.225.032.45.35.45.635c0 .318-.225.54-.45.54h-1.388v-1.175zm-1.258-.508v-1.08h1.258a.53.53 0 0 1 .452.54c0 .254-.226.508-.452.54z"/></svg>

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

React

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

<Icon icon="lineicons:jcb" width="24" />

Vue

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

<template>
  <Icon icon="lineicons:jcb" width="24" />
</template>

Svelte

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

<Icon icon="lineicons:jcb" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="lineicons:jcb"></iconify-icon>

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

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

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

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

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

Да. Lineicons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

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

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

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

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

Все Lineicons →