Vauxhall アイコン

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

はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

simple-icons:vauxhall

Vauxhall アイコン(simple-icons:vauxhall)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Simple Icons
作者: Simple Icons Collaborators
ライセンス: CC0-1.0
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.002 24C5.375 24.001.002 18.63 0 12.002C-.001 5.375 5.37.002 11.998 0s12 5.37 12.002 11.998c.007 6.621-5.375 12.007-11.998 12.002M15.8 5.371c.338.022.658.038.978.066a4.1 4.1 0 0 1 1.496.386a.77.77 0 0 1 .413.414q.074.226.076.464c0 .14.034.213.185.25c.351.091.699.204 1.044.314c.395.096.694.42.759.822c.053.28.062.568.028.853a7 7 0 0 1-.238.962c0 .053-.066.094-.1.138a1 1 0 0 1-.132-.132c-.054-.09-.091-.194-.141-.288a.73.73 0 0 0-.612-.417a8.5 8.5 0 0 0-2.02.038a.8.8 0 0 0-.206.1c.063.04.122.085.185.12a.5.5 0 0 0 .135.03l.815.154a.79.79 0 0 1 .627.477c.072.172.035.241-.144.263h-.213c-.562.044-1.123.072-1.681.135c-.41.044-.561.244-.574.658c-.029.911.023 1.823.154 2.725a2.57 2.57 0 0 0 1.326 2.023a30 30 0 0 0 3.214 1.567c.107.047.166.032.217-.075c.16-.313.332-.646.482-.975c.5-1.063.818-2.203.941-3.37a10.4 10.4 0 0 0-.085-2.647a11 11 0 0 0-1.204-3.65a10.9 10.9 0 0 0-3.449-3.741a10.35 10.35 0 0 0-4.954-1.828a11.1 11.1 0 0 0-3.299.182a10.66 10.66 0 0 0-6.356 3.995c-.15.174.092.232.239.207h5.989c.279 0 .313.063.172.313q-1.606 2.822-3.208 5.645a.56.56 0 0 1-.542.313H1.432c-.226 0-.235 0-.238.232c.004.855.109 1.707.314 2.537c.035.17.137.32.282.417a3.4 3.4 0 0 0 1.966.627h4.01a.176.176 0 0 0 .201-.144c.035-.144.078-.286.12-.427c.07-.187-.201-.136-.286-.14c-.22 0-.44-.023-.659-.045c-.208.015-.181-.195-.103-.332c.354-.752.7-1.511 1.063-2.26c.129-.291.37-.517.668-.628c.266-.097.53-.213.79-.332c.06-.029.097-.104.144-.154a.6.6 0 0 0-.179-.085c-.188-.018-.379-.015-.567-.034s-.2-.097-.12-.232c.383-.627.766-1.27 1.158-1.9a1 1 0 0 1 .599-.427a5 5 0 0 0 .536-.178a1 1 0 0 0 .213-.157l-.025-.057c-.176-.025-.351-.047-.527-.075c-.175-.028-.185-.106-.1-.238s.141-.213.21-.314a4.3 4.3 0 0 1 1.254-1.351c.462-.276.97-.467 1.499-.565a.7.7 0 0 0 .289-.156c.743-.662 1.44-1.38 2.2-2.032c-.137.67-.238 1.31-.344 1.96zM2.56 6.604l.022.134c.314 1.314.605 2.628.9 3.945c.025.107.072.135.179.132h1.687a.28.28 0 0 0 .294-.17Q6.734 8.698 7.837 6.76c.025-.043.044-.087.079-.153H6.778a.42.42 0 0 0-.417.244c-.52.922-1.047 1.84-1.567 2.76l-.091.14l-.646-2.78c-.094-.418-.06-.358-.455-.361l-1.04-.006zm.627 11.639c.958 1.52 2.473 2.693 4.076 3.502a.176.176 0 0 0 .22-.028q.546-.448 1.097-.887l.386-.314a15 15 0 0 1-.777-.95a.48.48 0 0 0-.295-.213l-3.876-.916l-.83-.194zm14.938-11.26c-.088-.019-.14-.038-.191-.044c-.263-.034-.53-.05-.787-.11a.83.83 0 0 0-.724.189c-.035.025-.072.072-.066.103a.14.14 0 0 0 .09.088c.314.097.628.197.957.27a.4.4 0 0 0 .314-.066q.218-.2.404-.43z"/></svg>

Vauxhall アイコンの使い方

React

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

<Icon icon="simple-icons:vauxhall" width="24" />

Vue

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

<template>
  <Icon icon="simple-icons:vauxhall" width="24" />
</template>

Svelte

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

<Icon icon="simple-icons:vauxhall" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--vauxhall]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="simple-icons:vauxhall"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/simple-icons/vauxhall.svg" alt="Vauxhall アイコン" width="24" height="24">

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

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

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

はい。Simple Icons は CC0 1.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Simple Icons をすべて見る →