Marqeta Dark アイコン
thesvg-color:marqeta-dark
Marqeta Dark アイコン(thesvg-color:marqeta-dark)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 553 × 79 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 553 × 79
- タグ
- marqetadark
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="553" height="79" viewBox="0 0 553 79"><path fill="#231f20" d="M195.73 69V28.58l-11.49 25.91h-6.66l-11.49-25.82V69H156V9.88h11.59l13.51 29.18l13.28-29.18h11.49V69Zm50.33-45.8L238 46.58h16Zm16 45.8l-4.38-12.56h-22.59L230.72 69h-11.14l20.79-59.12h12.13L273.19 69Zm54.31-45.38s0-.59-.1-.69c-.58-1.09-2.13-3.07-3.09-3.17h-17.5v15.88h17c.87 0 2.81-2 3.58-3.37a1 1 0 0 0 .1-.39Zm1.9 45.38l-12.95-23.45H296V69h-10.11V9.88h27.16a12.56 12.56 0 0 1 7 2.18a33.7 33.7 0 0 1 5.12 5.45a11.2 11.2 0 0 1 1.74 6v8.52a11 11 0 0 1-1.74 6a32.5 32.5 0 0 1-5.17 5.34a9.9 9.9 0 0 1-3.58 1.49L330.26 69ZM353 54.82a.8.8 0 0 0 .09.39a17.6 17.6 0 0 0 4.3 4.54a1.05 1.05 0 0 0 .49.1h2.25l-1.46-3.45l9.33-3.16l2.82 6.61h1.27a1.3 1.3 0 0 0 .49-.1a17.2 17.2 0 0 0 4.1-4.54a.9.9 0 0 0 .1-.39V24.37s0-.3-.1-.4a14.9 14.9 0 0 0-4.1-4.14a1.05 1.05 0 0 0-.49-.1h-14.23s-.39 0-.49.1a15.3 15.3 0 0 0-4.3 4.14a1.1 1.1 0 0 0-.09.4Zm21.57 14.88l3.81 8.58h-10.84l-3.62-8.58h-6.45a12.24 12.24 0 0 1-6.06-1.77c-2.05-1.19-6-5.42-7.13-7.1a10 10 0 0 1-1.56-5.62V24.37a10 10 0 0 1 1.56-5.62c1.17-1.68 5.08-5.91 7.13-7.1a12.24 12.24 0 0 1 6.06-1.77h14.86a12.5 12.5 0 0 1 6.05 1.77c2.06 1.19 5.87 5.42 7.14 7.1a10 10 0 0 1 1.56 5.62v30.84a10 10 0 0 1-1.56 5.62c-1.27 1.68-5.08 5.91-7.14 7.1a10.7 10.7 0 0 1-3.9 1.57Zm29.86-.7V9.88h37.33v9.89h-27.52v14.94h26v9.89h-26v14.54h27.52V69Zm77.89-49.26V69h-10.41V19.77h-16.06V9.88h42.52v9.89Zm44.31 3.46l-8.06 23.35h16ZM542.24 69l-4.37-12.56h-22.58L510.91 69h-11.14l20.79-59.12h12.14L553.38 69ZM0 0h45.15l26.82 39.47l-20.1 29.6h14.97l20.19-29.6L60.19 0h45.08l26.9 39.47l-26.9 39.46H90.3l26.82-39.46l-20.08-29.6H81.99l20.09 29.6l-26.83 39.46H30.1l26.83-39.46l-20.19-29.6H21.69l20.27 29.6l-26.91 39.46H0l26.91-39.46z"/></svg>Marqeta Dark アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:marqeta-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:marqeta-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:marqeta-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--marqeta-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:marqeta-dark"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:marqeta-dark"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/marqeta-dark.svg" alt="Marqeta Dark アイコン" width="24" height="24">theSVG Color の関連アイコン
Marqeta Dark アイコン のよくある質問
Marqeta Dark アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Marqeta Dark アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:marqeta-dark" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Marqeta Dark アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/marqeta-dark.svg" alt="Marqeta Dark アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。