Volvo アイコン

Q: Volvo アイコンは商用利用でも無料ですか?

はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

selfhst:volvo

Volvo アイコン(selfhst:volvo)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: selfh.st/icons
作者: selfh.st
ライセンス: CC-BY-4.0
サイズ: 512 × 512

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path d="M231 275.5h62.1v-20.7h-6.8c0 8-5.7 13.7-14.7 13.7h-9.4v-30.9h10.2v-7H231v7h10.4v30.9H231zm92 0h24.2l20.7-37.9h10.2v-7h-30.9v7h9L341 265.2l-15-27.6h10.9v-7h-45.1v7H302zm-215.7-44.9H62.5v7h10.2l20.9 37.9h24.2l20.5-37.9h10.2v-7h-30.9v7h9l-15 27.6l-15.2-27.6h10.9zm47.3 22.5c0 13.1 10.6 23.8 31.9 23.8s31.7-10.4 31.7-23.8c0-13.1-11.1-23.3-31.9-23.3c-20.6-.2-31.7 10.2-31.7 23.3m42.8 0c-.2 8.2-3.5 16.6-11.3 16.4c-7.6-.2-10.9-8.6-10.9-16.8c.2-8.6 4.3-16.2 11.5-16c7.2 0 10.9 7.8 10.7 16.4m186.6 0c0 13.1 10.6 23.8 31.9 23.8s31.7-10.4 31.7-23.8c0-13.1-11.1-23.3-31.9-23.3c-20.6-.2-31.7 10.2-31.7 23.3m32.2-16.4c7.2.2 10.9 7.8 10.6 16.4c-.2 8.2-3.5 16.6-11.3 16.4c-7.6-.2-10.9-8.6-10.9-16.8c.3-8.6 4.4-16.2 11.6-16m50.5-126.1l-26 26C463.1 171 476 212 476 256c0 121.4-98.5 220-220 220S36 377.4 36 256S134.6 36 256 36c44.2 0 85.2 13.1 119.6 35.4l26-26C360.4 16.8 310.1 0 256 0C114.7 0 0 114.7 0 256s114.7 256 256 256s256-114.7 256-256c0-54.1-16.8-104.2-45.3-145.4M384.8 10v7.2c15.6 8.4 30.1 18.4 43.6 29.5L392 83.1c13.7 10.9 26.2 23.1 37.1 36.9l36.5-36.5c11.3 13.5 21.1 28.3 29.5 43.4h7V10z"/></svg>

Volvo アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="selfhst:volvo" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="selfhst:volvo" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="selfhst:volvo" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--volvo]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:volvo"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="selfhst:volvo"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/volvo.svg" alt="Volvo アイコン" width="24" height="24">

selfh.st/icons の関連アイコン

他のアイコンセットの Volvo アイコン

Volvo アイコンのよくある質問

Volvo アイコンは商用利用でも無料ですか?

はい。selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Volvo アイコンを使うには?

@iconify/react をインストールして <Icon icon="selfhst:volvo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Volvo アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/volvo.svg" alt="Volvo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

selfh.st/icons をすべて見る →