Иконка Marqeta Light
thesvg-color:marqeta-light
Иконка Marqeta Light (thesvg-color:marqeta-light) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 553 × 79. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- theSVG Color
- Автор
- thesvg.org
- Лицензия
- MIT
- Размер
- 553 × 79
- Теги
- marqetalight
Код 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>Как использовать иконку 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>Веб-компонент
<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>Изображение HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/marqeta-light.svg" alt="Иконка Marqeta Light" width="24" height="24">Похожие иконки в наборе theSVG Color
Вопросы и ответы: Иконка Marqeta Light
Можно ли бесплатно использовать иконку Marqeta Light в коммерческих проектах?
Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Marqeta Light в React?
Установите @iconify/react и выведите <Icon icon="thesvg-color:marqeta-light" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Marqeta Light на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/marqeta-light.svg" alt="Иконка Marqeta Light">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.