Acura アイコン
cbi:acura
Acura アイコン(cbi:acura)は、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="M3.737 18.313L2 21.205h.832l.259-.422h1.776l-.32-.559H3.411l.678-1.255l.117.01l1.23 2.226h.8l-1.615-2.892Zm2.606.86v1.182a.85.85 0 0 0 .852.85h2.378v-.556H7.289a.25.25 0 0 1-.25-.246v-1.275a.25.25 0 0 1 .247-.251H9.57v-.557H7.2a.854.854 0 0 0-.857.853m6.42 1.257a.254.254 0 0 1-.251.251h-1.5a.25.25 0 0 1-.248-.251v-2.112h-.7v2.037a.847.847 0 0 0 .852.85h1.689a.854.854 0 0 0 .855-.85v-2.037h-.7v2.112Zm1.383-3.6c3.439-.549 5.382-2.646 5.382-6.944s-1.943-6.4-5.382-6.947a13 13 0 0 0-2.046-.146a13 13 0 0 0-2.053.151c-3.436.549-5.381 2.646-5.381 6.947s1.945 6.4 5.381 6.944a13 13 0 0 0 2.053.149a13 13 0 0 0 2.046-.149Zm0-13.351c2.43.524 4.42 2.183 4.42 6.407c0 3.21-1.15 4.937-2.77 5.811l-.914-6.144l-.736-2.072l-1.488-4.182a9 9 0 0 1 1.488.189Zm-2.332-.2h.561l.082 5.12h-.725ZM5.622 9.891c0-4.224 1.99-5.883 4.42-6.407a9 9 0 0 1 1.488-.185l-1.488 4.187l-.735 2.072l-.914 6.141c-1.62-.874-2.771-2.6-2.771-5.811Zm4.42 6.405a6.5 6.5 0 0 1-1.491-.509l1.491-3.094l1.615-3.351h.875l1.614 3.351l1.491 3.094a6.5 6.5 0 0 1-1.491.509a10.4 10.4 0 0 1-4.1 0Zm9.926 2.683l1.232 2.226h.8l-1.615-2.892H19.5l-1.737 2.892h.833l.258-.422h1.779l-.321-.559h-1.139l.678-1.255Zm-3.141-.661H14.01v2.889h.7v-2.33h1.932a.21.21 0 0 1 .207.2v.408a.21.21 0 0 1-.207.2h-1.683l.151.556h1.528a.207.207 0 0 1 .207.2v.753h.65v-.695a.56.56 0 0 0-.357-.525a.5.5 0 0 0 .4-.437v-.5a.716.716 0 0 0-.713-.713Z"/></svg>Acura アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:acura" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:acura" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:acura" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--acura]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:acura"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:acura"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cbi/acura.svg" alt="Acura アイコン" width="24" height="24">他のアイコンセットの Acura アイコン
Acura アイコン のよくある質問
Acura アイコンは商用利用でも無料ですか?
いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。
React で Acura アイコンを使うには?
@iconify/react をインストールして <Icon icon="cbi:acura" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Acura アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/acura.svg" alt="Acura アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。