Иконка Jcb
logos:jcb
Иконка Jcb (logos:jcb) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 256 × 198. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- SVG Logos
- Автор
- Gil Barbara
- Лицензия
- CC0-1.0
- Размер
- 256 × 198
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="198" viewBox="0 0 256 198"><defs><linearGradient id="SVG0UKn5dBl" x1="-57.527%" x2="232.391%" y1="50.124%" y2="50.124%"><stop offset="0%" stop-color="#007940"/><stop offset="22.85%" stop-color="#00873f"/><stop offset="74.33%" stop-color="#40a737"/><stop offset="100%" stop-color="#5cb531"/></linearGradient><linearGradient id="SVGZ2Re8bWG" x1=".183%" x2="100.273%" y1="49.96%" y2="49.96%"><stop offset="0%" stop-color="#007940"/><stop offset="22.85%" stop-color="#00873f"/><stop offset="74.33%" stop-color="#40a737"/><stop offset="100%" stop-color="#5cb531"/></linearGradient><linearGradient id="SVGRabTec6N" x1="-62.802%" x2="253.671%" y1="49.858%" y2="49.858%"><stop offset="0%" stop-color="#007940"/><stop offset="22.85%" stop-color="#00873f"/><stop offset="74.33%" stop-color="#40a737"/><stop offset="100%" stop-color="#5cb531"/></linearGradient><linearGradient id="SVG6HFAhdaN" x1=".176%" x2="101.808%" y1="50.006%" y2="50.006%"><stop offset="0%" stop-color="#1f286f"/><stop offset="47.51%" stop-color="#004e94"/><stop offset="82.61%" stop-color="#0066b1"/><stop offset="100%" stop-color="#006fbc"/></linearGradient><linearGradient id="SVGwhVyxbOQ" x1="-.576%" x2="98.133%" y1="49.914%" y2="49.914%"><stop offset="0%" stop-color="#6c2c2f"/><stop offset="17.35%" stop-color="#882730"/><stop offset="57.31%" stop-color="#be1833"/><stop offset="85.85%" stop-color="#dc0436"/><stop offset="100%" stop-color="#e60039"/></linearGradient></defs><path fill="#fff" d="M256 157.418c0 21.907-17.839 39.746-39.746 39.746H0V39.746C0 17.839 17.839 0 39.746 0H256z"/><path fill="url(#SVG0UKn5dBl)" d="M185.584 117.046h16.43c.47 0 1.565-.156 2.035-.156c3.13-.626 5.79-3.443 5.79-7.355c0-3.755-2.66-6.572-5.79-7.354c-.47-.157-1.408-.157-2.034-.157h-16.43z"/><path fill="url(#SVGZ2Re8bWG)" d="M200.137 13.3c-15.648 0-28.48 12.676-28.48 28.48v29.575h40.216c.939 0 2.034 0 2.816.156c9.076.47 15.805 5.164 15.805 13.3c0 6.416-4.538 11.893-12.988 12.989v.312c9.232.626 16.274 5.79 16.274 13.77c0 8.607-7.824 14.24-18.152 14.24h-44.127v57.898h41.78c15.648 0 28.48-12.675 28.48-28.48V13.3z"/><path fill="url(#SVGRabTec6N)" d="M207.804 86.69c0-3.756-2.66-6.26-5.79-6.73c-.312 0-1.095-.156-1.564-.156h-14.866v13.77h14.866c.47 0 1.408 0 1.565-.156c3.13-.47 5.79-2.973 5.79-6.729"/><path fill="url(#SVG6HFAhdaN)" d="M42.719 13.3c-15.648 0-28.48 12.676-28.48 28.48v70.26c7.981 3.911 16.274 6.415 24.568 6.415c9.858 0 15.178-5.946 15.178-14.083V71.198h24.411v33.017c0 12.831-7.98 23.316-35.051 23.316c-16.43 0-29.262-3.6-29.262-3.6v59.932h41.78c15.648 0 28.48-12.675 28.48-28.48V13.302z"/><path fill="url(#SVGwhVyxbOQ)" d="M121.428 13.3c-15.648 0-28.48 12.676-28.48 28.48v37.242c7.199-6.103 19.717-10.015 39.903-9.076c10.797.47 22.376 3.443 22.376 3.443v12.049c-5.79-2.973-12.674-5.634-21.594-6.26c-15.335-1.095-24.567 6.416-24.567 19.56c0 13.301 9.232 20.812 24.567 19.56c8.92-.626 15.805-3.442 21.594-6.259v12.049s-11.423 2.973-22.376 3.443c-20.186.938-32.704-2.974-39.902-9.076v65.721h41.78c15.648 0 28.479-12.675 28.479-28.48V13.302z"/></svg>Как использовать иконку Jcb
React
import { Icon } from "@iconify/react";
<Icon icon="logos:jcb" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:jcb" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:jcb" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--jcb]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:jcb"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:jcb"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/logos/jcb.svg" alt="Иконка Jcb" width="24" height="24">Иконка Jcb в других наборах
Вопросы и ответы: Иконка Jcb
Можно ли бесплатно использовать иконку Jcb в коммерческих проектах?
Да. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Jcb в React?
Установите @iconify/react и выведите <Icon icon="logos:jcb" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Jcb на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/logos/jcb.svg" alt="Иконка Jcb">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.