Jcb アイコン
lineicons:jcb
Jcb アイコン(lineicons:jcb)は、Lineicons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Lineicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、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>Web コンポーネント
<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 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Jcb アイコンを使うには?
@iconify/react をインストールして <Icon icon="lineicons:jcb" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Jcb アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/lineicons/jcb.svg" alt="Jcb アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。