Ikon Marqeta Light
thesvg-color:marqeta-light
Ikon Marqeta Light (thesvg-color:marqeta-light) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 553 × 79. 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
- 553 × 79
- Tag
- marqetalight
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="553" height="79" viewBox="0 0 553 79"><path fill="#fff" d="M195.7 69V28.6l-11.5 25.9h-6.7L166 28.7V69h-10V9.9h11.6l13.5 29.2l13.3-29.2h11.5V69zm50.4-45.8L238 46.6h16zm16 45.8l-4.4-12.6h-22.6L230.7 69h-11.1l20.8-59.1h12.1L273.2 69zm54.3-45.4s0-.6-.1-.7c-.6-1.1-2.1-3.1-3.1-3.2h-17.5v15.9h17c.9 0 2.8-2 3.6-3.4c.1-.1.1-.3.1-.4zm1.9 45.4l-12.9-23.5H296V69h-10.1V9.9h27.2c2.5 0 4.9.8 7 2.2q2.85 2.4 5.1 5.4c1.1 1.8 1.7 3.9 1.7 6V32c0 2.1-.6 4.2-1.7 6c-1.5 2-3.2 3.8-5.2 5.3q-1.65 1.05-3.6 1.5L330.3 69zM353 54.8c0 .1 0 .3.1.4c1.2 1.8 2.6 3.3 4.3 4.5c.2.1.3.1.5.1h2.2l-1.5-3.5l9.3-3.2l2.8 6.6h1.3c.2 0 .3 0 .5-.1c1.6-1.3 3-2.8 4.1-4.5c.1-.1.1-.3.1-.4V24.4s0-.3-.1-.4c-1.1-1.6-2.5-3-4.1-4.1c-.2-.1-.3-.1-.5-.1h-14.2s-.4 0-.5.1c-1.7 1.1-3.2 2.5-4.3 4.1c-.1.1-.1.3-.1.4zm21.6 14.9l3.8 8.6h-10.8l-3.6-8.6h-6.5c-2.1 0-4.2-.7-6.1-1.8c-2-1.2-6-5.4-7.1-7.1s-1.6-3.6-1.6-5.6V24.4c0-2 .5-3.9 1.6-5.6c1.2-1.7 5.1-5.9 7.1-7.1c1.8-1.1 3.9-1.7 6.1-1.8h14.9c2.1.1 4.2.7 6 1.8c2.1 1.2 5.9 5.4 7.1 7.1c1.1 1.7 1.6 3.6 1.6 5.6v30.8c0 2-.5 3.9-1.6 5.6c-1.3 1.7-5.1 5.9-7.1 7.1c-1.2.8-2.5 1.3-3.9 1.6zm29.8-.7V9.9h37.3v9.9h-27.5v14.9h26v9.9h-26v14.5h27.5V69zm77.9-49.3V69h-10.4V19.8h-16.1V9.9h42.5v9.9zm44.3 3.5l-8.1 23.4h16zM542.2 69l-4.4-12.6h-22.6L510.9 69h-11.1l20.8-59.1h12.1L553.4 69zM0 0h45.2L72 39.5L51.9 69.1h14.9L87 39.5L60.2 0h45.1l26.9 39.5l-26.9 39.4h-15l26.8-39.4L97 9.9H82l20.1 29.6l-26.9 39.4H30.1l26.8-39.4L36.7 9.9h-15L42 39.5L15.1 78.9H0l26.9-39.4z"/></svg>Cara memakai ikon Marqeta Light
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:marqeta-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:marqeta-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:marqeta-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--marqeta-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:marqeta-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:marqeta-light"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/marqeta-light.svg" alt="Ikon Marqeta Light" width="24" height="24">Ikon terkait di theSVG Color
FAQ Ikon Marqeta Light
Apakah ikon Marqeta Light 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 Marqeta Light di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:marqeta-light" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Marqeta Light ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/marqeta-light.svg" alt="Ikon Marqeta Light">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.