Matomo icon

logos:matomo

The Matomo icon (logos:matomo) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 71 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: 512 × 71

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="71" viewBox="0 0 512 71"><defs><path id="SVGhKVOrbVc" d="m51.025 34.309l.017-.01l-.321-.49q-.072-.112-.147-.222L28.524 0L0 21.252l20.85 32.09c.089.137.173.274.266.41l.11.17l.012-.008c3.231 4.584 8.556 7.586 14.59 7.586c9.86 0 17.853-7.992 17.853-17.854c0-3.428-.981-6.619-2.656-9.337"/><path id="SVGh61J2bVU" fill="#000" d="M31.24 9.355c0-9.86-7.993-17.854-17.853-17.854S-4.467-.505-4.467 9.355c0 3.625 1.086 6.992 2.942 9.808l-.001-.002l-.01.002L-15.09 0h-.02c-3.145-5.094-8.76-8.499-15.185-8.499S-42.335-5.094-45.481 0h-.018l-21.59 33.65c3.21-4.744 8.638-7.858 14.795-7.858c6.48 0 12.137 3.464 15.265 8.63h.023l14.108 19.806h.023c3.251 4.403 8.463 7.272 14.356 7.272c5.896 0 11.107-2.869 14.358-7.272h.025l.143-.223c.368-.517.713-1.048 1.024-1.603L28.17 19.367v.001a17.8 17.8 0 0 0 3.07-10.013M1.149 22.332q.156.146.316.287q-.159-.141-.316-.287m1.587 1.328c.118.088.233.179.353.263c-.12-.084-.235-.175-.353-.263m3.918 2.225c.149.062.304.11.456.168c-.152-.057-.307-.106-.456-.168m4.008 1.096c.207.031.413.07.623.095c-.21-.026-.415-.064-.623-.095m4.806.098c.212-.024.42-.065.63-.095c-.21.03-.417.07-.63.095m4.05-.973c.19-.07.385-.133.573-.21c-.188.077-.381.14-.573.21m4.05-2.093c.15-.105.294-.221.443-.332c-.149.11-.292.226-.444.332m3.029-2.675c.125-.138.256-.272.377-.415c-.121.143-.252.277-.377.415"/><path id="SVGxrbmXd1m" fill="#95c748" d="m121.244 42.808l.017-.011l-.32-.489c-.05-.074-.098-.151-.147-.222L98.744 8.499L70.218 29.75l20.85 32.09c.089.137.174.274.266.41l.11.17l.012-.008c3.232 4.584 8.557 7.585 14.59 7.585c9.86 0 17.854-7.992 17.854-17.854c0-3.427-.982-6.618-2.657-9.336"/><filter id="SVGPyQ6Qczm" width="114.2%" height="120%" x="-7.1%" y="-7.1%" 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><path fill="#3f4445" d="M262.259 15.37c3.435 0 6.22 2.325 6.22 6.49v36.686c0 4.166-2.785 6.473-6.22 6.473c-2.554 0-4.744-1.28-5.701-3.644c-3.764 2.295-8.17 3.644-12.902 3.644c-13.709 0-24.823-11.114-24.823-24.825c0-13.709 11.114-24.823 24.823-24.823c4.735 0 9.143 1.349 12.907 3.649c.96-2.364 3.146-3.65 5.696-3.65m27.884-10.39a6.176 6.176 0 0 1 6.174 6.173v4.22h14.615c3.41 0 6.171 2.783 6.171 6.192c0 3.406-2.761 6.205-6.171 6.205h-14.583v15.845l.003.015c0 4.976 4.05 9.032 9.03 9.032c4.981 0 9.032-4.056 9.032-9.032a6.17 6.17 0 0 1 6.173-6.17a6.17 6.17 0 0 1 6.176 6.17c0 11.787-9.592 21.377-21.38 21.377c-11.541 0-21.464-9.64-21.464-21.377l.05-15.876h-5a6.175 6.175 0 0 1-6.175-6.173a6.176 6.176 0 0 1 6.174-6.172h5v-4.256a6.17 6.17 0 0 1 6.175-6.172m65.701 10.407c13.702.002 24.809 11.11 24.809 24.81c0 13.703-11.108 24.809-24.809 24.809c-13.703 0-24.808-11.107-24.808-24.809c0-13.701 11.107-24.81 24.808-24.81m131.342-.016c13.701-.002 24.811 11.108 24.811 24.813c0 13.703-11.11 24.811-24.811 24.811c-13.705 0-24.813-11.11-24.813-24.811c0-13.705 11.11-24.813 24.813-24.813m-50.466.001c11.699 0 21.22 9.448 21.364 21.114h.014v22.31a6.171 6.171 0 0 1-12.34 0v-22.05c-.005-4.974-4.058-9.027-9.036-9.027c-4.981 0-9.032 4.053-9.032 9.028h-.003l-.012 21.83c0 3.406-2.687 6.418-6.096 6.418c-3.408 0-6.237-3.012-6.237-6.418l.001-21.83c-.004-4.975-4.058-9.028-9.041-9.028c-4.98 0-9.032 4.053-9.032 9.028h-.003v22.048a6.172 6.172 0 0 1-12.342 0v-22.31h.013c.145-11.666 9.668-21.114 21.364-21.114c5.953 0 11.317 2.462 15.193 6.397c3.877-3.944 9.27-6.397 15.225-6.397m-243.538-.018c11.698 0 21.22 9.448 21.364 21.114h.013v22.31a6.171 6.171 0 0 1-12.343-.002v-22.05c-.003-4.974-4.056-9.027-9.034-9.027c-4.98 0-9.032 4.053-9.032 9.028h-.003l-.012 21.83c0 3.405-2.687 6.418-6.096 6.418c-3.408 0-6.237-3.013-6.237-6.419l.001-21.83c-.004-4.974-4.057-9.027-9.04-9.027c-4.979 0-9.031 4.053-9.031 9.028h-.003v22.05a6.172 6.172 0 0 1-12.343 0V36.468h.014c.144-11.666 9.666-21.114 21.364-21.114c5.951 0 11.317 2.462 15.19 6.397c3.88-3.944 9.27-6.397 15.228-6.397m50.474 12.401c-6.87 0-12.439 5.57-12.439 12.438c0 6.87 5.57 12.44 12.44 12.44c6.486 0 11.81-4.969 12.38-11.31v-2.26c-.57-6.339-5.894-11.308-12.38-11.308m112.188.012c-6.865 0-12.43 5.565-12.43 12.432c0 6.865 5.565 12.431 12.43 12.431c6.866 0 12.432-5.566 12.432-12.431c0-6.867-5.566-12.432-12.432-12.432m131.342-.018c-6.867 0-12.435 5.566-12.435 12.433s5.568 12.433 12.435 12.433c6.866 0 12.433-5.566 12.433-12.433c-.002-6.867-5.567-12.433-12.433-12.433"/><use href="#SVGxrbmXd1m"/><path fill="#35bfc0" d="M35.708 52.144c0-9.86-7.994-17.854-17.854-17.854S0 42.284 0 52.144C0 62.006 7.994 70 17.854 70s17.854-7.995 17.854-17.856"/><path fill="#3253a0" d="M83.606 0c9.86 0 17.854 7.994 17.854 17.854c0 3.71-1.135 7.157-3.07 10.013v-.001L77.25 60.9a18 18 0 0 1-1.023 1.603l-.144.222h-.024c-3.251 4.404-8.463 7.272-14.358 7.272c-5.894 0-11.106-2.868-14.357-7.272h-.022L33.213 42.921h-.022c-3.129-5.166-8.785-8.63-15.266-8.63c-6.157 0-11.585 3.114-14.795 7.857l21.59-33.65h.019C27.884 3.406 33.499 0 39.924 0s12.04 3.405 15.186 8.499h.02L68.683 27.66l.009-.001l.001.001a17.76 17.76 0 0 1-2.942-9.807C65.752 7.994 73.746 0 83.606 0"/><use href="#SVGxrbmXd1m"/><g transform="translate(70.22 8.499)"><mask id="SVGnsorAbcX" fill="#fff"><use href="#SVGhKVOrbVc"/></mask><g mask="url(#SVGnsorAbcX)"><use filter="url(#SVGPyQ6Qczm)" href="#SVGh61J2bVU"/></g></g><path fill="#f38334" d="M101.389 17.854C101.389 7.994 93.395 0 83.535 0S65.681 7.994 65.681 17.854s7.994 17.854 17.854 17.854s17.854-7.994 17.854-17.854"/><path fill="#3152a0" d="M83.535 35.71c-6.237 0-11.72-3.203-14.912-8.049h-.01L55.058 8.5h-.02C51.893 3.407 46.278.002 39.853.002s-12.04 3.405-15.185 8.497h-.019L3.06 42.148c3.209-4.741 8.638-7.856 14.794-7.856c6.48 0 12.139 3.463 15.267 8.629h.023l14.108 19.805h.021C50.526 67.13 55.737 70 61.631 70s11.106-2.87 14.357-7.274h.024l.144-.223c.367-.516.712-1.047 1.025-1.6l21.137-33.036c-3.212 4.73-8.634 7.843-14.783 7.843"/></svg>

How to use the Matomo icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in SVG Logos

Matomo icon in other icon sets

Matomo icon FAQ

Is the Matomo 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 in React?

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

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

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

Browse all SVG Logos icons →