Matita icons
matita · 200 icons · by matita.dev · MIT · single-color · 24px grid · Updated
Matita icons is a free, open source icon set with 200 SVG icons by matita.dev, released under the MIT license. The icons are single-color: they follow your text color (currentColor) and can be recolored with CSS. They are designed on a 24px grid and scale cleanly as SVG.
About Matita icons
Popular Matita icons include crop, activity, navigation, play, check and x.
Open any icon to copy it as SVG, JSX, Vue, Svelte, Solid, Astro or CSS, or download it as SVG or PNG. Matita icons are released under the MIT license, which allows use in personal and commercial projects.
How to use Matita icons
Every icon on this page works in any framework. Examples use matita:crop; open an icon to copy its exact SVG, JSX, Vue, Svelte, Solid, Astro or CSS code. For sizing, color and accessibility tips, read how to use SVG icons.
React
import { Icon } from "@iconify/react";
<Icon icon="matita:crop" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="matita:crop" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="matita:crop" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[matita--crop]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/matita -->
<div class="i-matita:crop"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="matita:crop"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/matita/crop.svg" alt="Crop icon" width="24" height="24">Matita icons FAQ
Are Matita icons free for commercial use?
Yes. Matita icons are released under the MIT license, which allows use in personal and commercial projects.
How many icons are in Matita icons?
Matita icons contains 200 icons.
What license do Matita icons use?
Matita icons are licensed under MIT. The full license text is available at https://github.com/matita-dev/icons/blob/main/LICENSE.
Who made Matita icons?
Matita icons are created by matita.dev.
How do I use Matita icons in React?
Install @iconify/react and render <Icon icon="matita:crop" />, or open any icon on this page and copy it as a standalone React component.
What size are Matita icons?
Matita icons are designed on a 24px grid. As SVGs they scale to any size without losing quality.