Icono Mattel

thesvg-color:mattel

El icono Mattel (thesvg-color:mattel) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 900 × 898. 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: 900 × 898

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="900" height="898" viewBox="0 0 900 898"><path fill="#ff0028" d="m315.87 430.81l-4.44 75.17l46.76-12.53l-41.44-62.88z"/><path fill="#ff0028" d="m844 476l56-33.47l-20.87-11.61l-100.78 27l-46.23-172.43l30.77-8.24l38.75 144.63L843 410.8l49.75-42.21l-61.42-22l42.22-49.75l-64.21-11.63l33.41-56.05l-65.24-.83l23.65-60.8l-64.48 10L750 113.6L688 134l2.67-65.19l-57.79 30.3l-8-64.75l-52 39.36l-18.67-62.54l-44.82 47.42L480.69 0l-36.33 54.19l-38-53l-26.94 59.39l-46.13-46.15l-16.91 63l-53.07-37.93l-6.26 64.94l-58.63-28.62l4.6 65.09l-62.56-18.55l15.25 63.44l-64.75-8l25.44 60.09l-65.2 2.69l34.94 55.1L22.27 309l43.54 48.61L5 381.34l51 40.72l-56 33.47l57 31.72l-49.73 42.22l61.42 22l-42.21 49.77l64.2 11.63l-33.41 56l65.25.82l-23.66 60.86l64.48-10L150 784.46L212 764l-2.67 65.19L267.11 799l8 64.75l52-39.36l18.59 62.54l44.82-47.42l28.7 58.6l36.33-54.2l38 53l26.94-59.43l46.13 46.15l16.91-63l53.08 37.95l6.25-64.95l58.63 28.63l-4.49-65.11l62.56 18.55l-15.25-63.45l64.75 8l-25.44-60.09l65.2-2.69l-34.94-55.1L877.72 589l-43.53-48.6L895 516.72ZM234.36 603.68l-35.57-132.74l-3.88 143.31l-26.69 7.15l-75-122.17L128.78 632L98 640.22L51.8 467.78l46.67-12.5l70.12 114.12l3.66-133.89L218.92 423l46.21 172.44Zm167-44.74L375 519l-65.36 17.52l-2.82 47.79l-30.82 8.22l13.54-188.44l36.69-9.84l106 156.43Zm141.52-192.73l38.7 144.44l-30.77 8.24l-38.7-144.44l-63 16.88l38.7 144.44l-30.76 8.23l-38.7-144.43L369 412.81l-7.5-28L584.77 325l7.51 28Zm103.55 127.06l-46.21-172.44l110.59-29.63l7.5 28l-79.82 21.39l11 41.07L722.81 362l7.45 27.81L657 409.47L669.69 457L751 435.23l7.5 28Z"/><path fill="#fff" d="m584.77 324.97l-223.32 59.84l7.5 28l49.4-13.24l38.7 144.44l30.77-8.24l-38.7-144.44l62.99-16.88l38.7 144.44l30.77-8.25l-38.7-144.43l49.4-13.24zM172.25 435.51l-3.66 133.89l-70.12-114.12l-46.67 12.5L98 640.22l30.78-8.25l-35.57-132.74l75.01 122.17l26.69-7.15l3.88-143.31l35.57 132.74l30.77-8.24L218.93 423zm578.79-.28l-81.35 21.79l-12.74-47.55l73.31-19.64l-7.45-27.81l-73.31 19.65l-11-41.08l79.81-21.39l-7.5-28l-110.59 29.63l46.21 172.44l112.11-30.04zm-424.83-40.98l-36.69 9.84L276 592.53l30.83-8.26l2.82-47.79L375 519l26.34 40l30.83-8.26ZM311.43 506l4.44-75.17l.88-.24l41.44 62.88Zm490.21-84.12l-38.75-144.63l-30.77 8.24l46.21 172.44l100.79-27.01l-36.15-20.11v-.01z"/><path fill="#ff0028" d="M790.53 763.52h-2.95v-17.93h6.8a8.23 8.23 0 0 1 4.89 1.21a4.57 4.57 0 0 1 1.65 3.94a4.39 4.39 0 0 1-1.34 3.55a6.16 6.16 0 0 1-3.34 1.35l5 7.88h-3.34l-4.63-7.67h-2.77Zm3.29-10.18c.55 0 1.07 0 1.58-.06a3.6 3.6 0 0 0 1.32-.37a2.4 2.4 0 0 0 .91-.85a2.84 2.84 0 0 0 .34-1.53a2.1 2.1 0 0 0-.36-1.3a2.6 2.6 0 0 0-.93-.74a3.9 3.9 0 0 0-1.26-.32a12 12 0 0 0-1.34-.07h-3.55v5.24Z"/><path fill="#ff0028" d="M793.77 770.88a16.33 16.33 0 1 1 16.33-16.33a16.35 16.35 0 0 1-16.33 16.33m0-29.8a13.48 13.48 0 1 0 13.48 13.47a13.48 13.48 0 0 0-13.48-13.47"/></svg>

Cómo usar el icono Mattel

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="thesvg-color:mattel"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/mattel.svg" alt="Icono Mattel" width="24" height="24">

Preguntas frecuentes sobre Icono Mattel

¿El icono Mattel 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 Mattel en React?

Instala @iconify/react y renderiza <Icon icon="thesvg-color:mattel" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Mattel a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/mattel.svg" alt="Icono Mattel">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos theSVG Color →