Volvo アイコン
cbi:volvo
Volvo アイコン(cbi:volvo)は、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="M17.034 2.4v.28a10.5 10.5 0 0 1 1.704 1.157l-1.424 1.418a8.4 8.4 0 0 1 1.444 1.443l1.422-1.422a11 11 0 0 1 1.157 1.697h.273V2.4Zm3.195 3.919l-1.015 1.015a8.579 8.579 0 1 1-2.535-2.539l1.015-1.015a10 10 0 1 0 2.535 2.539m-3.227 5.566c0 .514.416.924 1.248.924s1.242-.41 1.242-.924s-.436-.914-1.248-.914s-1.242.406-1.242.914m1.262-.638c.277 0 .421.304.421.642c-.006.315-.138.649-.442.642s-.427-.332-.42-.657s.158-.632.437-.627Zm-10.217.638c0 .514.421.924 1.247.924s1.243-.41 1.243-.924s-.436-.914-1.248-.914s-1.242.406-1.242.914m1.675 0c0 .315-.137.649-.441.642s-.427-.332-.421-.657s.167-.631.446-.631s.423.312.416.655Zm-3.519-.877H4.451l-.001.269h.401l.816 1.48l.943.001l.801-1.481h.401v-.269H6.605v.269h.348l-.583 1.078l-.591-1.078h.424Zm8.422 1.749l.943.001l.801-1.481h.402v-.269h-1.209v.269h.351l-.585 1.078l-.591-1.078h.423v-.269h-1.751l-.001.269h.402Zm-3.592-.002h2.426v-.808h-.267a.53.53 0 0 1-.573.537h-.373v-1.208h.403v-.269h-1.616v.269h.407v1.208h-.408Z"/></svg>Volvo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:volvo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:volvo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:volvo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--volvo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:volvo"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:volvo"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cbi/volvo.svg" alt="Volvo アイコン" width="24" height="24">Custom Brand Icons の関連アイコン
他のアイコンセットの Volvo アイコン
Volvo アイコン のよくある質問
Volvo アイコンは商用利用でも無料ですか?
いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。
React で Volvo アイコンを使うには?
@iconify/react をインストールして <Icon icon="cbi:volvo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Volvo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/volvo.svg" alt="Volvo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。