Mercedes Benz アイコン

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

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

thesvg-color:mercedes-benz

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

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 64 × 64
タグ: mercedesbenz、mercede

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><linearGradient id="SVGQvNhDe4s" x1="114" x2="162" y1="-142.9" y2="-183.1" gradientTransform="matrix(1 0 0 -1 -106 -131)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset=".1" stop-color="#e7e8e6"/><stop offset=".1" stop-color="#cdd0d0"/><stop offset=".2" stop-color="#b5bbbd"/><stop offset=".2" stop-color="#a5acaf"/><stop offset=".3" stop-color="#9ba3a7"/><stop offset=".3" stop-color="#98a0a4"/><stop offset=".4" stop-color="#828a8f"/><stop offset=".5" stop-color="#667075"/><stop offset=".6" stop-color="#535c63"/><stop offset=".7" stop-color="#475158"/><stop offset=".8" stop-color="#434d54"/><stop offset="1" stop-color="#475157"/></linearGradient><path fill="url(#SVGQvNhDe4s)" d="M63.3 32c0 17.3-14 31.3-31.3 31.3S.7 49.3.7 32S14.7.7 32 .7s31.3 14 31.3 31.3M32 2.6C15.7 2.6 2.6 15.7 2.6 32S15.8 61.4 32 61.4c16.3 0 29.4-13.2 29.4-29.4C61.4 15.7 48.3 2.6 32 2.6"/><linearGradient id="SVGfnCo7cyg" x1="115.47" x2="160.47" y1="-144.06" y2="-181.86" gradientTransform="matrix(1 0 0 -1 -106 -131)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0b1f2a"/><stop offset=".2" stop-color="#333f47"/><stop offset=".5" stop-color="#777f84"/><stop offset=".5" stop-color="#81898d"/><stop offset=".7" stop-color="#b3b8b8"/><stop offset=".8" stop-color="#d2d5d3"/><stop offset=".8" stop-color="#dee0dd"/><stop offset="1" stop-color="#fbfbfb"/></linearGradient><path fill="url(#SVGfnCo7cyg)" d="M32 2.6C15.7 2.6 2.6 15.7 2.6 32S15.8 61.4 32 61.4c16.3 0 29.4-13.2 29.4-29.4C61.4 15.7 48.3 2.6 32 2.6m0 56.9C16.8 59.5 4.5 47.2 4.5 32S16.8 4.5 32 4.5S59.5 16.8 59.5 32S47.2 59.5 32 59.5"/><linearGradient id="SVG2fqj9btM" x1="1933.73" x2="1955.63" y1="-176.94" y2="-237.14" gradientTransform="matrix(-1 0 0 1 1976.672 239.007)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#e1e3e1"/><stop offset=".1" stop-color="#c1c5c4"/><stop offset=".3" stop-color="#9ba1a2"/><stop offset=".5" stop-color="#7d8487"/><stop offset=".7" stop-color="#687074" stop-opacity="0"/><stop offset=".8" stop-color="#5b6469" stop-opacity="0"/><stop offset="1" stop-color="#576065" stop-opacity="0"/></linearGradient><path fill="url(#SVG2fqj9btM)" d="M32 63.3c17.3 0 31.3-14 31.3-31.3S49.3.7 32 .7S.7 14.7.7 32s14 31.3 31.3 31.3M32 0c17.6 0 32 14.4 32 32S49.6 64 32 64S0 49.6 0 32S14.4 0 32 0" opacity=".4"/><path fill="#fff" d="M2.2 32.1C2.2 15.7 15.5 2.2 32 2.2s29.8 13.4 29.8 29.9c0 16.4-13.3 29.7-29.8 29.7S2.2 48.5 2.2 32.1m9.3-20.6c-5.3 5.3-8.6 12.6-8.6 20.6s3.3 15.3 8.5 20.5c5.3 5.2 12.6 8.5 20.6 8.5s15.3-3.2 20.5-8.5c5.3-5.2 8.5-12.5 8.5-20.5s-3.3-15.3-8.5-20.6S40 2.9 32 2.9s-15.3 3.3-20.5 8.6"/><linearGradient id="SVGZux23clG" x1="124.2" x2="151.8" y1="-139.1" y2="-186.9" gradientTransform="matrix(1 0 0 -1 -106 -131)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#e1e3e1"/><stop offset=".1" stop-color="#c1c5c4"/><stop offset=".3" stop-color="#9ba1a2"/><stop offset=".5" stop-color="#7d8487"/><stop offset=".7" stop-color="#687074" stop-opacity="0"/><stop offset=".8" stop-color="#5b6469" stop-opacity="0"/><stop offset="1" stop-color="#576065" stop-opacity="0"/></linearGradient><path fill="url(#SVGZux23clG)" d="M32 59.6c-7.4 0-14.3-2.9-19.5-8.1S4.4 39.4 4.4 32s2.9-14.3 8.1-19.5S24.6 4.4 32 4.4s14.3 2.9 19.5 8.1s8.1 12.1 8.1 19.5s-2.9 14.3-8.1 19.5s-12.1 8.1-19.5 8.1m0-.8c7.1 0 13.9-2.8 18.9-7.8c5.1-5.1 7.8-11.8 7.8-18.9s-2.8-13.9-7.8-18.9C45.8 8.1 39.1 5.4 32 5.4s-13.9 2.8-18.9 7.8C8 18.1 5.2 24.9 5.2 32S8 45.9 13 50.9c5.1 5.1 11.9 7.9 19 7.9" opacity=".4"/><path fill="#fff" d="M56.3 45c-.5-.4-19.8-15.7-19.8-15.7L32 3.6c-.3.1-.7.4-.9.8l-3.2 25L8 44.7s-.4.5-.6.8c-.1.2-.1.5-.1.8l24.6-10.1l24.6 10.1c.2-.5 0-1-.2-1.3"/><path fill="#565f64" d="m32.2 32.8l-.2 4.6l22.6 9.1c.8.4 1.4.2 2-.2L32.5 32.7c-.1-.1-.3 0-.3.1"/><linearGradient id="SVGcHPTUbKa" x1="150.49" x2="148.79" y1="-170.39" y2="-173.19" gradientTransform="matrix(1 0 0 -1 -106 -131)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#27343c"/><stop offset="1" stop-color="#00111e" stop-opacity="0"/></linearGradient><path fill="url(#SVGcHPTUbKa)" d="M32.2 32.8s1.3 2.3 2.8 3.9c2.1 2.3 4.9 3.9 4.9 3.9l14.7 5.9c.8.4 1.4.2 2-.2L32.5 32.7c-.1-.1-.3 0-.3.1"/><path fill="#a4aaae" fill-opacity=".6" d="M56.5 45.4c0-.1-.1-.2-.2-.4L35.7 29.9l-2.8 1.8s.2.1.3 0c.3-.1.9-.2 1.5 0c.5.2 21.8 13.8 21.8 13.8z"/><path fill="#333e46" d="M55.8 44.5L36.6 29.3l-.9.6l20.6 15.2c-.1-.2-.3-.4-.5-.6"/><path fill="#565f64" d="m32.5 31.3l-.1.1s0 .2.2.1c.1-.1 3-1.6 4-2.2l-3.5-24c-.1-.9-.5-1.3-1.2-1.6l.4 27.8z"/><path fill="#a4aaae" fill-opacity=".6" d="M30.8 5.3v1.3l-2.2 22.1c0 .3.1.6.4.8l1.3 1l.9-24.4l.1-1.9c-.3.2-.4.6-.5 1.1m-1.2 25.6l-1.2-1L8.1 44.6s-.6.4-.7.8l.7-.4l21.3-13.4c.4-.2.5-.4.2-.7"/><path fill="#565f64" d="M31.7 32.8c0-.1-.1-.2-.2-.1L7.3 46.4c.6.4 1.2.5 2 .2l22.6-9.1z"/><linearGradient id="SVG10BSLpgr" x1="145.58" x2="142.78" y1="-160.11" y2="-155.61" gradientTransform="matrix(1 0 0 -1 -106 -131)" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#02131f"/><stop offset=".9" stop-color="#02131f" stop-opacity="0"/></linearGradient><path fill="url(#SVG10BSLpgr)" d="m32.4 31.4l.1-.1zs0 .1.1.1h.1c.1-.1 3-1.6 4-2.2l-.4-2.9l-3.1-21.1q0-.6-.3-.9s1.5 20.2 1.5 22.4c0 2.9-1.9 4.6-1.9 4.6"/><linearGradient id="SVG0bZkeYUj" x1="137.98" x2="133.78" y1="-167.34" y2="-168.54" gradientTransform="matrix(1 0 0 -1 -106 -131)" gradientUnits="userSpaceOnUse"><stop offset=".2" stop-color="#02131f"/><stop offset=".9" stop-color="#02131f" stop-opacity="0"/></linearGradient><path fill="url(#SVG0bZkeYUj)" fill-opacity=".8" d="M31.7 32.8c0-.1-.1-.2-.2-.1L7.3 46.4c.6.4 1.2.5 2 .2l22.6-9.1z"/><linearGradient id="SVG5ppBudKB" x1="126.79" x2="126.19" y1="-172.9" y2="-171.4" gradientTransform="matrix(1 0 0 -1 -106 -131)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#02131f"/><stop offset=".1" stop-color="#02131f"/><stop offset="1" stop-color="#02131f" stop-opacity="0"/></linearGradient><path fill="url(#SVG5ppBudKB)" d="m9.3 46.5l22.6-9.1l-.2-4.4c-.4 1.2-1.1 2.5-3 3.5c-1.4.8-14.8 7.4-19.6 9.7c-.3.2-.7.3-.9.4c.4.2.7.1 1.1-.1" opacity=".8"/><linearGradient id="SVGKAiat2zA" x1="141.6" x2="138.2" y1="-148.21" y2="-148.61" gradientTransform="matrix(1 0 0 -1 -106 -131)" gradientUnits="userSpaceOnUse"><stop offset=".3" stop-color="#02131f"/><stop offset=".3" stop-color="#02131f"/><stop offset=".8" stop-color="#02131f" stop-opacity="0"/></linearGradient><path fill="url(#SVGKAiat2zA)" d="m32.5 31.3l-.1.1s0 .2.2.1c.1-.1 3-1.6 4-2.2l-3.5-24c-.1-.9-.5-1.3-1.2-1.6l.4 27.8z"/><linearGradient id="SVGe1bowcLs" x1="141.71" x2="139.41" y1="-148.16" y2="-148.46" gradientTransform="matrix(1 0 0 -1 -106 -131)" gradientUnits="userSpaceOnUse"><stop offset=".4" stop-color="#27343c"/><stop offset="1" stop-color="#3b474e" stop-opacity="0"/></linearGradient><path fill="url(#SVGe1bowcLs)" d="m32.5 31.3l-.1.1s0 .2.2.1c.1-.1 3-1.6 4-2.2l-3.5-24c-.1-.9-.5-1.3-1.2-1.6l.4 27.8z"/><linearGradient id="SVGRXLvpeWL" x1="105.64" x2="133.54" y1="-163.83" y2="-179.93" gradientTransform="matrix(1 0 0 -1 -106 -131)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#24303a" stop-opacity="0"/><stop offset="0" stop-color="#25323b" stop-opacity="0"/><stop offset=".1" stop-color="#27343c"/></linearGradient><path fill="url(#SVGRXLvpeWL)" d="M5.1 44.4C4.4 42.8.4 35 4.8 20H3.1c-.9 3-1.6 4.8-2 7.5c0 0-.2 1-.3 2.1S.7 31.3.7 32c0 6 1.5 9.5 1.5 9.5c1.6 5 4.4 9.5 8.2 12.9c3.3 2.9 8.4 5.1 12.6 5.9c-.7-.1-12.7-5.2-17.9-15.9"/><linearGradient id="SVGIALcBdUt" x1="137.95" x2="137.95" y1="-168.4" y2="-163.6" gradientTransform="matrix(1 0 0 -1 -106 -131)" gradientUnits="userSpaceOnUse"><stop offset=".3" stop-color="#a5abaf"/><stop offset="1" stop-color="#a5abaf" stop-opacity="0"/></linearGradient><path fill="url(#SVGIALcBdUt)" d="M32.4 32.6h-.9c.1 0 .2 0 .2.1l.2 4.6h.1l.2-4.6c0-.1.1-.2.2-.1"/><linearGradient id="SVG8LkPpd6Z" x1="153.65" x2="153.65" y1="-133.3" y2="-194.3" gradientTransform="matrix(1 0 0 -1 -106 -131)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#dee0dd"/><stop offset="0" stop-color="#c5c9c7"/><stop offset="0" stop-color="#9ea4a5"/><stop offset="0" stop-color="#82898c"/><stop offset="0" stop-color="#71797d"/><stop offset="0" stop-color="#6b7378"/><stop offset=".2" stop-color="#333f47"/><stop offset=".5" stop-color="#27343c"/><stop offset=".8" stop-color="#333f47"/><stop offset="1" stop-color="#434d54"/></linearGradient><path fill="url(#SVG8LkPpd6Z)" d="M42 2.3c10.5 4 20.4 15 20.4 28.9C62.4 48 49 61.7 32 61.7v1.6c17 0 31.3-14 31.3-31.3c0-13.8-8.8-25.4-21.3-29.7"/><linearGradient id="SVG0uUyDbOX" x1="138" x2="138.3" y1="-131.7" y2="-131.7" gradientTransform="matrix(1 0 0 -1 -106 -131)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#dee0dd"/><stop offset="0" stop-color="#c5c9c7"/><stop offset="0" stop-color="#9ea4a5"/><stop offset="0" stop-color="#82898c"/><stop offset="0" stop-color="#71797d"/><stop offset="0" stop-color="#6b7378"/><stop offset=".2" stop-color="#333f47"/><stop offset=".5" stop-color="#27343c"/><stop offset=".8" stop-color="#333f47"/><stop offset="1" stop-color="#434d54"/></linearGradient><path fill="url(#SVG0uUyDbOX)" d="M32.3.7H32z"/><linearGradient id="SVGjT5XveKc" x1="163.29" x2="149.79" y1="-139.09" y2="-158.89" gradientTransform="matrix(1 0 0 -1 -106 -131)" gradientUnits="userSpaceOnUse"><stop offset=".7" stop-color="#27343c"/><stop offset=".7" stop-color="#2b373f"/><stop offset=".7" stop-color="#36424a"/><stop offset=".7" stop-color="#49545b"/><stop offset=".8" stop-color="#646d73" stop-opacity="0"/><stop offset=".8" stop-color="#868d92" stop-opacity="0"/><stop offset=".8" stop-color="#b0b5b8" stop-opacity="0"/><stop offset=".8" stop-color="#e1e3e4" stop-opacity="0"/><stop offset=".8" stop-color="#fff" stop-opacity="0"/></linearGradient><path fill="url(#SVGjT5XveKc)" d="M58.8 20.2C51.8 4.1 36 3.2 35.1 3.1H35c12.1 2.2 19.8 10.1 22.5 18.4v.1c1.2 3.2 1.8 6.6 1.9 10.3c.1 3.5-.7 7.4-2.2 11c-.1.5-.2 1.1-.3 1.1h1.6c4.8-9 2.7-18.1.3-23.8"/><path fill="#fbfbfb" d="M2.2 32.1C2.2 15.7 15.5 2.2 32 2.2s29.8 13.4 29.8 29.9c0 16.4-13.3 29.7-29.8 29.7S2.2 48.5 2.2 32.1m9.3-20.6c-5.3 5.3-8.6 12.6-8.6 20.6s3.3 15.3 8.5 20.5c5.3 5.2 12.6 8.5 20.6 8.5s15.3-3.2 20.5-8.5c5.3-5.2 8.5-12.5 8.5-20.5s-3.3-15.3-8.5-20.6S40 2.9 32 2.9s-15.3 3.3-20.5 8.6"/><path fill="#333f47" d="m7.9 44.8l20.4-14.7c1.1.6 2.9 1.4 3.1 1.4c.2.1.2-.1.2-.1l-2.5-2.1c-.3-.2-.4-.5-.4-.8l2.4-24.1c-.1.1-.1.3-.2.4c-.1.2-.1.3-.1.5l-3.5 24.1L8.1 44.5c-.1.1-.2.2-.2.3"/></svg>

Mercedes Benz アイコンの使い方

React

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

<Icon icon="thesvg-color:mercedes-benz" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:mercedes-benz" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:mercedes-benz" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="thesvg-color:mercedes-benz"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/mercedes-benz.svg" alt="Mercedes Benz アイコン" width="24" height="24">

Mercedes Benz アイコンのよくある質問

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

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

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

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

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

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

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