Dominos Light アイコン
thesvg-color:dominos-light
Dominos Light アイコン(thesvg-color:dominos-light)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 333 × 333 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 333 × 333
- タグ
- dominoslight、domino
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="333" height="333" viewBox="0 0 333 333"><path fill="#fff" d="m208.51 5.92l-98.11 98.11l-6.36 6.36l-98.12 98.12c-7.9 7.9-7.9 20.74 0 28.64l90.16 90.16c7.9 7.9 20.74 7.9 28.64 0l98.11-98.11l6.36-6.36l98.11-98.11c7.9-7.9 7.9-20.74 0-28.64L237.15 5.92c-7.9-7.9-20.74-7.9-28.64 0"/><path fill="red" d="m214.87 12.29l-98.11 98.11l106.07 106.07l98.11-98.11c4.39-4.39 4.39-11.52 0-15.91l-90.16-90.16c-4.39-4.39-11.52-4.39-15.91 0m34.19 98.1c0 7.24-2.94 13.8-7.7 18.53c-4.75 4.75-11.29 7.7-18.53 7.7s-13.8-2.98-18.53-7.7s-7.7-11.29-7.7-18.53s2.94-13.77 7.67-18.53c4.75-4.75 11.29-7.7 18.56-7.7s13.77 2.94 18.53 7.7s7.7 11.29 7.7 18.53"/><path fill="#0090e2" d="M12.29 214.87c-4.39 4.39-4.39 11.52 0 15.91l90.16 90.16c4.39 4.39 11.52 4.39 15.91 0l98.11-98.11L110.4 116.76zm87.19 7.95c0 7.24-2.94 13.8-7.7 18.53c-4.75 4.75-11.29 7.7-18.53 7.7s-13.8-2.98-18.53-7.7c-4.75-4.75-7.7-11.29-7.7-18.53s2.94-13.77 7.67-18.53c4.75-4.75 11.29-7.7 18.56-7.7c7.24 0 13.77 2.94 18.53 7.7c4.72 4.72 7.7 11.29 7.7 18.53m74.28-.05c0 7.24-2.94 13.8-7.7 18.53c-4.75 4.75-11.29 7.7-18.53 7.7s-13.8-2.98-18.53-7.7s-7.7-11.29-7.7-18.53s2.94-13.77 7.67-18.53c4.75-4.75 11.29-7.7 18.56-7.7c7.24 0 13.77 2.94 18.53 7.7c4.72 4.72 7.7 11.29 7.7 18.53"/><path fill="#fff" d="M147.9 313.49c-3.52 0-6.5 2.74-6.5 6.46s2.98 6.5 6.5 6.5s6.46-2.74 6.46-6.5s-2.98-6.46-6.46-6.46m0 11.91c-2.96 0-5.26-2.29-5.26-5.45s2.29-5.41 5.26-5.41s5.22 2.32 5.22 5.41s-2.29 5.45-5.22 5.45m2.95-7.04c0-1.47-.86-2.13-2.62-2.13h-2.83v7.48h1.14v-3.25h1.27l1.96 3.25h1.24l-2.1-3.28c1.1-.14 1.93-.72 1.93-2.06Zm-4.31 1.15v-2.34h1.53c1.29 0 1.64.4 1.64 1.12c0 .82-.45 1.22-1.83 1.22z"/></svg>Dominos Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:dominos-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:dominos-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:dominos-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--dominos-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:dominos-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:dominos-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/dominos-light.svg" alt="Dominos Light アイコン" width="24" height="24">theSVG Color の関連アイコン
Dominos Light アイコン のよくある質問
Dominos Light アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Dominos Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:dominos-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Dominos Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/dominos-light.svg" alt="Dominos Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。