Maruti Suzuki アイコン

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

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

thesvg-color:maruti-suzuki

Maruti Suzuki アイコン(thesvg-color:maruti-suzuki)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 450 × 50 のグリッドで描かれています。 theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 450 × 50
タグ: marutisuzuki

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="450" height="50" viewBox="0 0 450 50"><path fill="#9d9fa1" d="M299.613 475.176c-7.289 6.443-15.528 11.303-24.401 15.106l31.585 22.606l-1.797.844l-13.099-8.661c-4.225-2.852-14.789-.845-16.901 2.746l24.296 17.007c6.761-6.444 14.894-11.619 24.507-15.528l-31.901-22.183l1.69-1.373l10.352 7.393c5.176 3.697 9.296 4.648 20.388-.845z"/><path fill="#2d3394" d="M349.049 487.535h13.838l4.12 14.472l4.12-14.472h13.732v24.824h-8.873v-17.747h-.106l-5.176 17.747h-7.394l-5.282-17.747v17.747h-8.979zm53.768 7.5l-2.958 8.451h5.915zm-6.127-7.5h12.042l10.563 24.824h-10.458l-1.056-2.852h-10.247l-1.056 2.852H386.02zm56.408 0h9.824v15c0 3.169 1.796 4.226 5.07 4.226c3.169 0 5.071-1.056 5.071-4.226v-15h9.824v15.423c0 7.922-4.754 10.247-14.895 10.247c-10.035 0-14.895-2.43-14.895-10.247zm40.776 6.233h-9.085v-6.233h27.992v6.233h-9.084v18.591h-9.823zm20.915-6.233h9.823v24.824h-9.823zm-84.613 6.233h6.866c1.584 0 2.852.423 2.852 2.324c0 1.585-.845 2.324-2.746 2.324h-6.972zm22.394 18.591l-8.345-7.711c6.866-1.056 6.021-7.817 6.021-10.14c0-2.746-1.479-5.07-3.38-6.021c-1.373-.634-3.063-.951-5.915-.951h-20.599v24.824h9.824v-7.605h1.69l8.24 7.605zm103.944-10.563c-4.753-.739-6.76-3.486-6.76-6.972c0-6.443 6.338-8.133 14.366-8.133c11.092 0 15.633 2.852 15.951 8.133h-11.409c0-1.056-.634-1.584-1.479-2.007c-.846-.422-2.007-.528-3.064-.528c-2.957 0-3.908.739-3.908 1.796c0 .739.317 1.162 1.268 1.268l11.726 1.69c4.965.739 8.027 3.063 8.027 7.183c0 6.021-4.964 8.873-15.95 8.873c-7.5 0-15.738-1.057-15.844-8.345h11.83c0 .845.317 1.373 1.056 1.795c.74.317 1.796.528 3.381.528c3.064 0 3.908-.845 3.908-2.007c0-.74-.422-1.479-1.795-1.69zm27.359-14.261h9.824v15c0 3.169 1.796 4.226 5.07 4.226c3.169 0 5.071-1.056 5.071-4.226v-15h9.823v15.423c0 7.922-4.753 10.247-14.894 10.247c-10.035 0-14.894-2.43-14.894-10.247zm32.324 19.543l14.895-13.31h-13.839v-6.233h27.043v5.387l-14.472 13.205h14.155v6.232h-27.782zm30.74-19.543h9.823v15c0 3.169 1.796 4.226 5.07 4.226c3.17 0 5.071-1.056 5.071-4.226v-15h9.824v15.423c0 7.922-4.753 10.247-14.895 10.247c-10.034 0-14.894-2.43-14.894-10.247zm68.239 0H725v24.824h-9.824zm-34.225 24.824h9.506l-.211-8.873l9.613 8.873h12.465l-13.626-12.676l14.366-12.148h-11.938l-10.669 8.556v-8.556h-9.506z"/></svg>

Maruti Suzuki アイコンの使い方

React

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

<Icon icon="thesvg-color:maruti-suzuki" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:maruti-suzuki" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:maruti-suzuki" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--maruti-suzuki]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:maruti-suzuki"></div>

Web コンポーネント

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

<iconify-icon icon="thesvg-color:maruti-suzuki"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/maruti-suzuki.svg" alt="Maruti Suzuki アイコン" width="24" height="24">

Maruti Suzuki アイコンのよくある質問

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

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

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

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

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

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

theSVG Color アイコンをすべて見る →