Ikon Matomo
logos:matomo
Ikon Matomo (logos:matomo) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 71. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 512 × 71
Kode SVG
<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>Cara memakai ikon Matomo
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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/matomo.svg" alt="Ikon Matomo" width="24" height="24">Ikon terkait di SVG Logos
Ikon Matomo di set ikon lain
FAQ Ikon Matomo
Apakah ikon Matomo gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Matomo di React?
Pasang @iconify/react lalu render <Icon icon="logos:matomo" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Matomo ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/matomo.svg" alt="Ikon Matomo">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.