What does the Matomo icon mean?

The Matomo icon represents Matomo, an open-source web analytics platform for tracking website traffic and user behavior. Matomo provides a comprehensive set of features for data analysis and visualization, giving users insights into their website's performance.

Where is the Matomo icon used?

The Matomo icon appears in various real-world applications, such as web analytics dashboards, digital marketing tools, and website optimization software. The platform's focus on data ownership and user control makes its icon a symbol of transparency and accountability.

What does the Matomo icon tell users?

From a UX perspective, the Matomo icon communicates a sense of data ownership, transparency, and control. The icon's design helps users understand the platform's values and mission.

Can I download the Matomo icon as SVG or PNG?

Yes. Open Get icon, then Download file: SVG for code or design tools like Figma; PNG, WebP or JPEG at 512px; or an ICO favicon with 16, 32 and 48px inside. Each one uses what you set in Customize.

How do I install the Matomo icon with the shadcn CLI?

Sign in (it's free), then open Get icon, Install with shadcn CLI, and pick your package manager to copy the command. It adds the icon to components/icons/logos-matomo.tsx.

How do I use the Matomo icon in Next.js or React?

Copy it as React (from Get icon, or the Code section): a typed MatomoIcon component you paste into your project, with no package to install. It works in Next.js and any React app.

How do I use the Matomo icon in Vue, Svelte or Angular?

Open Get icon, then Copy as code, and pick Vue, Svelte, Angular, Solid or Preact; the Code section shows each one too. Every version is one self-contained component with the SVG inside.

Can my AI agent install it for me?

With Pro, the shadcn.io MCP server lets Claude Code, Cursor or any MCP client find the Matomo icon, or any of 2,063 SVG Logos icons, and install it from a prompt.

Can I use the Matomo icon in commercial projects?

CC0 puts the icons in the public domain: use them anywhere, with no conditions. The full terms are in the license, linked on this page.

Is the Matomo icon free?

Yes. Copying and downloading it is free, and the shadcn CLI install only needs a free account.

How do I change the color of the Matomo icon?

It's multicolor, so it keeps its own colors.

How do I change the size of the Matomo icon?

Set width and height on the component, or a class like size-6. It's drawn on a 256 × 256 grid, so it stays sharp at any size. Customize also sets the size it exports at, its padding and rotation.

How do I make the Matomo icon accessible?

Next to a visible label it's decoration: add aria-hidden="true" so screen readers skip it. Standing alone, as in an icon button, give the button a name instead, like aria-label="Matomo", so screen readers say what it does.

Matomo

The Matomo icon represents Matomo, an open-source web analytics platform for tracking website traffic and user behavior.

Add shadcn.io to your AI agent. · Pro It installs Matomo, or any of 294k icons, from a prompt, with Pro.

Set up MCP

Exports at 173 × 24 px

Get Pro

2,063 in SVG Logos CC0 license (opens in a new tab)Free to copy and download

Code

Matomo in your framework

In any framework. Customize it above, and the code follows.

export const MatomoIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="173" height="24" viewBox="0 0 512 71" {...props}>
    <defs><path id="SVGQoI9xcvw" 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="SVG21r1ce0Y" 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="SVG5El4dI2V" 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="SVGvp1QoeVM" 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="#SVG5El4dI2V"/><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="#SVG5El4dI2V"/><g transform="translate(70.22 8.499)"><mask id="SVGBwcCaepw" fill="#fff"><use href="#SVGQoI9xcvw"/></mask><g mask="url(#SVGBwcCaepw)"><use filter="url(#SVGvp1QoeVM)" href="#SVG21r1ce0Y"/></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>
);

Other libraries

Matomo in 1 more libraries

Each library draws it its own way. Open one to compare.

SVG Logos

Icons that share its tags, in the same style.

All 2,063 icons

Search SVG Logos

Skip the copy and paste. With Pro, your AI agent finds and installs any SVG Logos icon from a prompt.

Get Pro

Browse by tag

Matomo is tagged analytics, web, platform and 3 more. Related tags follow; each opens its icons from every library.

All tags

Pricing

SVG Logos MCP, with Pro

Ask for Matomo or any of 2,063 SVG Logos icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

See full pricing

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billing

Billed once a year in USD. Cancel anytime.

How many people can use the license.
Client work, SaaS products and anything you charge for.
Production-ready React sections: hero, pricing, features, dashboards and more.
Complete multi-page sites you can ship as they are.
React icons from every major library, installable with one command.
Presets that restyle every block, in light and dark.
Lets your AI editor search, preview and install blocks for you.
Priority requests are answered first.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

Seats: 1 seat
Commercial use: Personal & open source only
Pro blocks: 6,000+ blocks
Templates: All 14 templates
React icons: 294k+ icons
Themes: All 59 themes
MCP server: Basic usage
Support: Standard

Team

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Seats: Unlimited seats
Commercial use: Included
Pro blocks: 6,000+ blocks
Templates: All 14 templates
React icons: 294k+ icons
Themes: All 59 themes
MCP server: Unlimited usage
Support: Priority

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

How many people can use the license.Seats: 1 seat
Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
Complete multi-page sites you can ship as they are.Templates: All 14 templates
React icons from every major library, installable with one command.React icons: 294k+ icons
Presets that restyle every block, in light and dark.Themes: All 59 themes
Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
Priority requests are answered first.Support: Standard

Team

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

How many people can use the license.Seats: Unlimited seats
Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage

Secure checkout via Stripe
Code lives in your repo
Keep what you've shipped if you cancel
License terms

FAQ

Frequently asked questions

What the Matomo icon means and where it's used, then how to install, style and license it.

Install Matomo from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro

Matomo

Matomo in your framework

Matomo in 1 more libraries

More like it

Browse by tag

SVG Logos MCP, with Pro

Individual

Team

Organization

Individual

Team

Organization

Frequently asked questions

What does the Matomo icon mean?

Where is the Matomo icon used?

What does the Matomo icon tell users?

How do I install the Matomo icon with the shadcn CLI?

How do I use the Matomo icon in Next.js or React?

How do I use the Matomo icon in Vue, Svelte or Angular?

Can my AI agent install it for me?

How do I change the color of the Matomo icon?

How do I change the size of the Matomo icon?

How do I make the Matomo icon accessible?

Can I download the Matomo icon as SVG or PNG?

Can I use the Matomo icon in commercial projects?

Is the Matomo icon free?

Install Matomo from a prompt