Ikon Mattel
thesvg-color:mattel
Ikon Mattel (thesvg-color:mattel) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 900 × 898. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- theSVG Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 900 × 898
Kode 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>Cara memakai ikon 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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/mattel.svg" alt="Ikon Mattel" width="24" height="24">FAQ Ikon Mattel
Apakah ikon Mattel gratis untuk penggunaan komersial?
Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Mattel di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:mattel" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Mattel ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/mattel.svg" alt="Ikon Mattel">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.