Icono Mercedes Benz
thesvg-color:mercedes-benz
El icono Mercedes Benz (thesvg-color:mercedes-benz) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 64 × 64. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- theSVG Color
- Autor
- thesvg.org
- Licencia
- MIT
- Tamaño
- 64 × 64
- Etiquetas
- mercedesbenz, mercede
Código 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>Cómo usar el icono 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 component
<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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/mercedes-benz.svg" alt="Icono Mercedes Benz" width="24" height="24">Preguntas frecuentes sobre Icono Mercedes Benz
¿El icono Mercedes Benz es gratis para uso comercial?
Sí. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Mercedes Benz en React?
Instala @iconify/react y renderiza <Icon icon="thesvg-color:mercedes-benz" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Mercedes Benz a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/mercedes-benz.svg" alt="Icono Mercedes Benz">, o pega el código SVG en línea para darle estilo con CSS.