Generic Car Charger アイコン
cbi:generic-car-charger
Generic Car Charger アイコン(cbi:generic-car-charger)は、Custom Brand Icons セットの無料 SVG アイコンです(作者: 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
- タグ
- genericcar、carcharger、genericcarcharger
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14.393 18.812v-2.2a1.56 1.56 0 0 0-1.558-1.558h-.3l.119-.4a.217.217 0 0 0-.145-.269a.2.2 0 0 0-.063-.009H11.6a.17.17 0 0 0-.171.171a.2.2 0 0 0 0 .04l.116.487l-.332.012a1.523 1.523 0 0 0-1.5 1.545v.024l-.006 1.874a1.686 1.686 0 0 0 1.667 1.671h.092l.246.76a.31.31 0 0 0 .3.215h.375a.3.3 0 0 0 .215-.087l.034-.032a.3.3 0 0 0 .083-.136l.213-.72h.095a1.4 1.4 0 0 0 1.366-1.388m-1.502-4.395a.47.47 0 0 1 .014.311l-.02.068a1.817 1.817 0 0 1 1.766 1.815v2.2a1.65 1.65 0 0 1-1.528 1.645l-.161.544l-.015.044a3.412 3.412 0 0 0-.056-6.627m0 0v-.002Zm-1.615 6.041a1.95 1.95 0 0 1-1.823-1.924l.005-1.875a1.79 1.79 0 0 1 1.742-1.831h.017l-.043-.18a.4.4 0 0 1 0-.193a3.411 3.411 0 0 0 .307 6.635l-.017-.044ZM17.073 2H6.927a1.034 1.034 0 0 0-1.034 1.034v17.932A1.034 1.034 0 0 0 6.927 22h10.146a1.034 1.034 0 0 0 1.034-1.034V3.034A1.034 1.034 0 0 0 17.073 2m.017 8.055h.448a.224.224 0 0 1 0 .448h-.448a.224.224 0 0 1 0-.448m-4.423 11.307a.56.56 0 0 1-.284.076h-.375a.6.6 0 0 1-.23-.048a3.669 3.669 0 1 1 .889-.028m4.423-10.495h.448a.224.224 0 1 1 0 .448h-.448a.224.224 0 0 1 0-.448m.448 1.26h-.448a.224.224 0 0 1 0-.448h.448a.224.224 0 0 1 0 .448m.224.588a.224.224 0 0 1-.224.224h-.448a.224.224 0 0 1 0-.448h.448a.224.224 0 0 1 .224.224m-.224 1.036h-.448a.224.224 0 0 1 0-.448h.448a.224.224 0 1 1 0 .448"/></svg>Generic Car Charger アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:generic-car-charger" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:generic-car-charger" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:generic-car-charger" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--generic-car-charger]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:generic-car-charger"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:generic-car-charger"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cbi/generic-car-charger.svg" alt="Generic Car Charger アイコン" width="24" height="24">Generic Car Charger アイコン のよくある質問
Generic Car Charger アイコンは商用利用でも無料ですか?
いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。
React で Generic Car Charger アイコンを使うには?
@iconify/react をインストールして <Icon icon="cbi:generic-car-charger" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Generic Car Charger アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/generic-car-charger.svg" alt="Generic Car Charger アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。