ICONYZ
English
Matomo Icon icon from SVG Logos

Matomo Icon icon

logos:matomo-icon

The Matomo Icon icon (logos:matomo-icon) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 145 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
SVG Logos
Author
Gil Barbara
License
CC0-1.0
Size
256 × 145
Tags
matomoicon
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="145" viewBox="0 0 256 145"><defs><path id="SVG7SI8Dbbo" d="m105.426 70.887l.035-.021l-.663-1.01c-.1-.153-.2-.313-.303-.46L58.935 0L0 43.91l43.078 66.305c.185.281.36.566.55.847l.229.35l.025-.016c6.676 9.471 17.678 15.673 30.144 15.673c20.373 0 36.889-16.513 36.889-36.89c0-7.083-2.029-13.675-5.489-19.292"/><path id="SVGMQ9aYbPm" fill="#000" d="M64.549 19.33c0-20.374-16.517-36.89-36.89-36.89S-9.23-1.044-9.23 19.33a36.7 36.7 0 0 0 6.08 20.263q-.004 0-.003-.003l-.019.003L-31.179 0h-.04c-6.499-10.524-18.101-17.56-31.376-17.56S-87.472-10.524-93.971 0h-.037l-44.61 69.525c6.633-9.8 17.848-16.235 30.57-16.235c13.39 0 25.077 7.158 31.54 17.832h.047l29.15 40.921h.047c6.718 9.1 17.486 15.026 29.663 15.026c12.181 0 22.95-5.927 29.666-15.026h.05l.297-.46a37 37 0 0 0 2.116-3.312l43.675-68.256v.003A36.75 36.75 0 0 0 64.55 19.33M2.372 46.141c.213.204.435.397.654.594c-.22-.197-.438-.39-.654-.594m3.28 2.745c.243.181.48.369.728.544c-.247-.175-.485-.363-.729-.544m8.096 4.598c.306.128.628.228.94.347c-.312-.12-.634-.22-.94-.347m8.28 2.263c.428.065.853.143 1.287.197c-.434-.054-.856-.132-1.287-.197m9.93.203c.438-.05.869-.135 1.303-.197c-.434.062-.862.147-1.303.197m8.368-2.01c.393-.144.797-.275 1.184-.434c-.387.159-.788.29-1.185.434m8.368-4.326c.313-.216.61-.456.916-.684c-.307.228-.603.465-.916.684m6.258-5.526c.259-.285.528-.563.778-.857c-.25.294-.519.572-.778.857"/><path id="SVGWMx4ecdr" fill="#95c748" d="m250.511 88.448l.035-.022l-.663-1.01c-.1-.153-.2-.312-.303-.46L204.02 17.56l-58.935 43.91l43.078 66.305c.185.281.36.566.55.847l.229.35l.025-.016c6.676 9.471 17.678 15.673 30.144 15.673c20.373 0 36.889-16.513 36.889-36.89c0-7.083-2.029-13.675-5.489-19.291"/><filter id="SVGBqSdcZlO" width="106.9%" height="109.7%" x="-3.4%" y="-3.5%" filterUnits="objectBoundingBox"><feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="2"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/></filter></defs><use href="#SVGWMx4ecdr"/><path fill="#35bfc0" d="M73.779 107.74c0-20.374-16.516-36.89-36.89-36.89C16.516 70.85 0 87.366 0 107.74c0 20.376 16.516 36.892 36.89 36.892c20.373 0 36.889-16.52 36.889-36.893"/><path fill="#3253a0" d="M172.744 0c20.373 0 36.89 16.516 36.89 36.89a36.75 36.75 0 0 1-6.346 20.688v-.003l-43.675 68.256a37 37 0 0 1-2.116 3.313l-.297.46h-.05c-6.717 9.098-17.485 15.025-29.666 15.025c-12.177 0-22.945-5.927-29.663-15.026h-.046l-29.15-40.921h-.047C62.114 78.008 50.427 70.85 37.036 70.85c-12.721 0-23.936 6.436-30.569 16.235l44.61-69.525h.037C57.613 7.036 69.215 0 82.49 0s24.877 7.036 31.376 17.56h.04l28.006 39.593l.02-.003q0 .004.002.003a36.7 36.7 0 0 1-6.08-20.264C135.855 16.516 152.372 0 172.745 0"/><use href="#SVGWMx4ecdr"/><g transform="translate(145.085 17.56)"><mask id="SVGhqapexAt" fill="#fff"><use href="#SVG7SI8Dbbo"/></mask><g mask="url(#SVGhqapexAt)"><use filter="url(#SVGBqSdcZlO)" href="#SVGMQ9aYbPm"/></g></g><path fill="#f38334" d="M209.487 36.89c0-20.374-16.516-36.89-36.89-36.89c-20.373 0-36.89 16.516-36.89 36.89c0 20.373 16.517 36.889 36.89 36.889s36.89-16.516 36.89-36.89"/><path fill="#3152a0" d="M172.597 73.782c-12.887 0-24.214-6.617-30.81-16.629h-.021L113.759 17.56h-.04C107.22 7.04 95.618.003 82.343.003S57.466 7.04 50.967 17.56h-.037L6.323 87.085c6.63-9.796 17.848-16.232 30.566-16.232c13.39 0 25.08 7.155 31.545 17.829h.047l29.15 40.921h.044c6.72 9.096 17.488 15.029 29.665 15.029c12.178 0 22.946-5.93 29.663-15.029h.05l.297-.462a38 38 0 0 0 2.12-3.307l43.672-68.256c-6.636 9.774-17.839 16.204-30.545 16.204"/></svg>

How to use the Matomo Icon icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:matomo-icon" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:matomo-icon" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:matomo-icon" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--matomo-icon]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:matomo-icon"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:matomo-icon"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/matomo-icon.svg" alt="Matomo Icon icon" width="24" height="24">

Related icons in SVG Logos

matomo icon
matomo

Matomo Icon icon FAQ

Is the Matomo Icon icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Matomo Icon icon in React?

Install @iconify/react and render <Icon icon="logos:matomo-icon" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Matomo Icon icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/matomo-icon.svg" alt="Matomo Icon icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →