Matomo アイコン
simple-icons:matomo
Matomo アイコン(simple-icons:matomo)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" 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="simple-icons:matomo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:matomo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:matomo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--matomo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:matomo"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:matomo"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/matomo.svg" alt="Matomo アイコン" width="24" height="24">他のアイコンセットの Matomo アイコン
Matomo アイコン のよくある質問
Matomo アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Matomo アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:matomo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Matomo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/matomo.svg" alt="Matomo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。