Chevrolet アイコン
cbi:chevrolet
Chevrolet アイコン(cbi:chevrolet)は、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
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M15.202 13.581h-1.32a.393.393 0 0 0-.448.447v1.971a.4.4 0 0 0 .448.449h1.32a.4.4 0 0 0 .446-.449v-1.971a.394.394 0 0 0-.446-.447m-.37 2.43h-.58c-.173 0-.22-.046-.22-.219v-1.555c0-.15.021-.219.22-.219h.58c.157 0 .219.027.219.219v1.555c-.001.185-.057.219-.22.219Zm3.608-.219v-.626h1.191v-.438h-1.19v-.491c0-.166.037-.219.219-.219h.984v-.438H18.29a.393.393 0 0 0-.448.447v1.972a.394.394 0 0 0 .448.449h1.48v-.44h-1.11c-.167.003-.22-.034-.22-.216m-1.83-2.212h-.599v2.871h1.714v-.439H16.61Zm3.164 0v.438h.813v2.433h.599v-2.433H22v-.438Zm-7.12 1.657a.4.4 0 0 0 .448-.449v-.76a.393.393 0 0 0-.448-.448h-1.67v2.871h.6v-2.433h.7c.185 0 .219.053.219.219v.349c0 .17-.046.22-.219.22h-.327a.184.184 0 0 0-.2.2a.3.3 0 0 0 .057.152l.756 1.292h.742l-.793-1.213ZM9.718 10.8c.1 0 .135.045.135.136v.473a.187.187 0 0 0 .207.208h3.653a.185.185 0 0 0 .207-.206v-.473c0-.1.042-.136.135-.136h2.03a.31.31 0 0 0 .311-.167l1.005-1.97a.2.2 0 0 0 .038-.117a.18.18 0 0 0-.194-.181h-3.19c-.082 0-.135-.024-.135-.136v-.473a.187.187 0 0 0-.207-.209h-3.652a.187.187 0 0 0-.207.208v.473c0 .1-.048.136-.135.136H7.627a.31.31 0 0 0-.3.176l-1.023 1.991a.2.2 0 0 0-.021.084a.18.18 0 0 0 .193.181Zm-2.433-.793l.485-.948c.019-.036.049-.058.123-.058h2.456c.084 0 .137-.034.137-.137v-.547c0-.1.042-.136.136-.136h2.53c.091 0 .136.04.136.137v.546c0 .094.043.136.137.136h2.906a.11.11 0 0 1 .123.109a.1.1 0 0 1-.013.051l-.485.948a.13.13 0 0 1-.123.058h-2.408c-.1 0-.137.045-.137.136v.546c0 .091-.04.134-.137.134h-2.529c-.085 0-.137-.029-.137-.135V10.3c0-.1-.046-.136-.136-.136H7.395a.11.11 0 0 1-.123-.109a.1.1 0 0 1 .013-.05Zm-1.806 4.721H4.62V13.58h-.599v2.871h.599v-1.285h.859v1.285h.6V13.58h-.6Zm4.276 1.245c-.009.03-.031.038-.062.038a.06.06 0 0 1-.063-.039l-.627-2.392h-.7l.725 2.619a.29.29 0 0 0 .312.252h.553a.294.294 0 0 0 .31-.252l.699-2.619h-.528Zm-2.718-.181v-.626h1.191v-.438h-1.19v-.491c0-.166.037-.219.22-.219h.983v-.438H6.886a.394.394 0 0 0-.447.447v1.972a.394.394 0 0 0 .446.449h1.48v-.44H7.256c-.166.003-.219-.034-.219-.216m-5.033-1.764v1.971a.394.394 0 0 0 .447.449h1.341v-.44h-.97c-.167 0-.22-.04-.22-.219v-1.552c0-.173.04-.219.22-.219h.969v-.438H2.452a.4.4 0 0 0-.448.448"/></svg>Chevrolet アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:chevrolet" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:chevrolet" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:chevrolet" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--chevrolet]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:chevrolet"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:chevrolet"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cbi/chevrolet.svg" alt="Chevrolet アイコン" width="24" height="24">他のアイコンセットの Chevrolet アイコン
Chevrolet アイコン のよくある質問
Chevrolet アイコンは商用利用でも無料ですか?
いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。
React で Chevrolet アイコンを使うには?
@iconify/react をインストールして <Icon icon="cbi:chevrolet" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Chevrolet アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/chevrolet.svg" alt="Chevrolet アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。