Matomo アイコン
thesvg-color:matomo
Matomo アイコン(thesvg-color:matomo)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 24 × 24 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#3152a0" d="M6.664 15.37a3.336 3.336 0 0 1-3.332 3.332C1.495 18.702 0 17.208 0 15.37s1.495-3.333 3.332-3.333a3.34 3.34 0 0 1 3.332 3.333m11.565-3.644a3.66 3.66 0 0 1-1.987.591a3.64 3.64 0 0 1-1.872-.529l.008.012a3.7 3.7 0 0 1-1.235-1.19l-2.612-3.693a.2.2 0 0 1-.027-.033A3.31 3.31 0 0 0 7.67 5.298a3.32 3.32 0 0 0-2.848 1.586l-.021.028l-3.428 5.343a3.663 3.663 0 0 1 5.094 1.18l.015.018l2.756 3.869a3.3 3.3 0 0 0 2.699 1.38a3.31 3.31 0 0 0 2.711-1.379l.009-.013c.073-.103.137-.202.195-.305l1.442-2.255zm5.275 1.902l-.014-.028l-.044-.066l-.029-.044l-3.525-5.37c.024.168.052.335.052.51c0 .741-.219 1.457-.634 2.068l-2.803 4.38l1.416 2.179l-.002.002a.1.1 0 0 1 .024.028a3.34 3.34 0 0 0 2.723 1.415A3.335 3.335 0 0 0 24 15.37c0-.613-.171-1.216-.496-1.742m-7.262-1.666a3.336 3.336 0 0 0 3.332-3.333a3.336 3.336 0 0 0-3.332-3.332a3.336 3.336 0 0 0-3.332 3.332a3.34 3.34 0 0 0 3.332 3.333"/></svg>Matomo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:matomo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:matomo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:matomo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--matomo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:matomo"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:matomo"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/matomo.svg" alt="Matomo アイコン" width="24" height="24">他のアイコンセットの Matomo アイコン
Matomo アイコン のよくある質問
Matomo アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Matomo アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:matomo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Matomo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/matomo.svg" alt="Matomo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。