Mantine icon

logos:mantine

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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="134" viewBox="0 0 512 134"><path fill="#339af0" d="M133.275 66.982C133.275 29.989 103.44 0 66.638 0C29.834 0 0 29.989 0 66.982s29.834 66.982 66.637 66.982s66.638-29.99 66.638-66.982"/><path fill="#fff" d="M57.567 33.377a5.05 5.05 0 0 1 3.762.947a41 41 0 0 1 6.08 5.563l.456.517h14.373c2.803 0 5.073 2.277 5.073 5.09c0 2.75-2.174 4.989-4.887 5.087l-.186.003h-7.94a40.4 40.4 0 0 1 3.346 16.184a40.4 40.4 0 0 1-3.112 15.634l-.234.549h7.935c2.804 0 5.074 2.278 5.074 5.09c0 2.75-2.175 4.99-4.888 5.087l-.186.004H67.856a41.2 41.2 0 0 1-6.531 6.073a5.06 5.06 0 0 1-7.096-1.055a5.105 5.105 0 0 1-.275-5.654a5 5 0 0 1 1.329-1.467C63.044 85.246 67.5 76.404 67.5 66.767S63.044 48.29 55.283 42.506a5.1 5.1 0 0 1-1.33-1.468a5.12 5.12 0 0 1 .15-5.478l.126-.18a5.1 5.1 0 0 1 3.338-2.003m-.914 24.682a7.5 7.5 0 0 1 2.461 1.695a7.6 7.6 0 0 1 1.617 2.53a7.68 7.68 0 0 1-1.747 8.22a7.47 7.47 0 0 1-5.25 2.162a7.47 7.47 0 0 1-5.251-2.162a7.64 7.64 0 0 1-2.265-5.255a7.7 7.7 0 0 1 .52-2.966a7.6 7.6 0 0 1 1.616-2.529a7.5 7.5 0 0 1 2.461-1.695a7.45 7.45 0 0 1 5.838 0"/><path d="M239.767 104.084q2.445 0 4.535-1.07t2.09-3.108V36.21q0-3.668-2.039-5.146q-2.038-1.479-4.586-1.478q-2.344 0-4.076.51q-1.733.509-3.109 2.038t-3.21 4.484l-12.535 22.828l-12.433-22.828q-1.63-2.955-3.108-4.484q-1.479-1.53-3.16-2.038q-1.68-.51-4.127-.51q-2.445 0-4.535 1.478t-2.09 5.146v63.695q0 2.038 2.09 3.108t4.535 1.07q2.548 0 4.586-1.07t2.038-3.108V55.269l11.72 22.012q.917 1.53 2.09 2.09q1.17.56 2.292.56q1.222 0 2.446-.611q1.223-.612 2.14-2.039l11.822-21.197v43.822q0 2.038 2.089 3.108t4.535 1.07m28.252.917q5.298 0 9.019-2.446q3.72-2.445 6.471-5.605v2.956q0 1.732 1.682 2.955q1.68 1.223 4.229 1.223q2.751 0 4.586-1.223q1.834-1.222 1.834-2.955V74.937q0-5.198-2.19-9.681q-2.193-4.484-6.982-7.338q-4.79-2.853-12.739-2.853q-3.567 0-7.337.917t-6.37 2.599t-2.598 3.821q0 2.243 1.172 4.383q1.17 2.14 3.312 2.14q1.323 0 2.446-.816q1.12-.815 3.21-1.58q2.089-.764 5.962-.764q3.463 0 5.35 1.427a8.3 8.3 0 0 1 2.751 3.567c.57 1.39.865 2.88.867 4.382v1.325h-4.179q-7.032 0-12.382 1.325t-8.357 4.586q-3.006 3.26-3.006 9.07q0 6.93 3.924 10.242q3.922 3.312 9.325 3.312m5.299-9.783q-2.243 0-3.822-1.325q-1.58-1.326-1.58-4.178q0-2.855 1.886-4.23t4.943-1.783a49 49 0 0 1 6.42-.408h1.529v2.14q0 2.445-1.478 4.688t-3.618 3.669t-4.28 1.427m69.175 8.866q2.549 0 4.586-1.07t2.038-3.108V75.753q0-5.707-2.394-10.395t-6.37-7.49t-8.764-2.803q-5.096 0-8.612 2.395t-5.044 5.35v-3.057q0-1.835-1.682-2.956t-4.127-1.12q-2.854 0-4.688 1.12q-1.835 1.122-1.835 2.956v40.153q0 1.529 1.835 2.853q1.835 1.326 4.688 1.325q2.751 0 4.688-1.325t1.936-2.853V75.753q0-2.854 1.223-4.892q1.222-2.038 3.16-3.16q1.935-1.12 3.974-1.12q2.445 0 4.484 1.376q2.037 1.375 3.21 3.414a8.65 8.65 0 0 1 1.172 4.382v24.153q0 2.038 2.14 3.108t4.382 1.07m38.983 0q2.853 0 4.23-1.732q1.375-1.733 1.375-3.873q0-2.039-1.376-3.77q-1.375-1.734-4.23-1.733h-3.974q-3.159 0-4.433-1.223t-1.274-4.179V65.256h12.026q1.63 0 2.497-1.478q.866-1.477.866-3.312t-.866-3.312q-.867-1.478-2.497-1.478h-12.026V38.148q0-1.835-2.089-2.956t-4.535-1.12q-2.242 0-4.382 1.12q-2.14 1.122-2.14 2.956v49.426q0 8.561 4.84 12.535q4.842 3.975 14.013 3.975zm18.962-59.21q2.955 0 5.044-1.988q2.09-1.986 2.09-4.433q0-2.65-2.09-4.535q-2.088-1.885-5.044-1.885t-5.096 1.885q-2.14 1.887-2.14 4.535q0 2.446 2.14 4.433q2.14 1.988 5.096 1.988m0 59.21q2.751 0 4.688-1.325q1.935-1.325 1.936-2.853V59.753q0-1.835-1.936-2.956t-4.688-1.12q-2.854 0-4.688 1.12q-1.834 1.122-1.834 2.956v40.153q0 1.529 1.834 2.853q1.835 1.326 4.688 1.325m53.624 0q2.547 0 4.586-1.07q2.037-1.07 2.038-3.108V75.753q0-5.707-2.395-10.395t-6.37-7.49q-3.973-2.803-8.764-2.803q-5.095 0-8.611 2.395q-3.515 2.395-5.045 5.35v-3.057q0-1.835-1.681-2.956t-4.128-1.12q-2.853 0-4.687 1.12q-1.835 1.122-1.835 2.956v40.153q0 1.529 1.835 2.853q1.835 1.326 4.687 1.325q2.752 0 4.688-1.325t1.937-2.853V75.753q0-2.854 1.223-4.892q1.222-2.038 3.159-3.16q1.935-1.12 3.974-1.12q2.446 0 4.484 1.376q2.04 1.375 3.21 3.414a8.65 8.65 0 0 1 1.173 4.382v24.153q0 2.038 2.14 3.108t4.382 1.07m39.186.917q5.504 0 9.53-1.376q4.023-1.376 6.216-3.363q2.19-1.987 2.19-3.72q0-1.02-.61-2.394a7.1 7.1 0 0 0-1.733-2.395a3.8 3.8 0 0 0-2.65-1.02q-1.427 0-3.057.918a51 51 0 0 1-3.873 1.936q-2.242 1.02-5.605 1.02q-5.3 0-8.611-2.701q-3.313-2.7-3.313-7.083v-1.529h20.688q2.344 0 4.535-.458q2.19-.46 3.618-2.344Q512 78.606 512 74.224q0-5.708-2.955-9.987q-2.956-4.281-7.695-6.726q-4.738-2.446-10.446-2.446q-6.216 0-11.26 2.802q-5.046 2.802-8.052 7.44q-3.006 4.636-3.006 10.14v8.662q0 6.218 3.16 10.956q3.158 4.74 8.713 7.337q5.553 2.6 12.79 2.6m3.363-29.452h-14.879v-2.854q0-2.445 1.274-4.229a8.44 8.44 0 0 1 3.312-2.751a10.1 10.1 0 0 1 4.383-.969q2.445 0 4.484 1.02q2.038 1.02 3.26 2.853q1.224 1.835 1.224 4.178q0 1.631-.663 2.191t-2.395.56"/></svg>

How to use the Mantine icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in SVG Logos

Mantine icon in other icon sets

Mantine icon FAQ

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

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

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

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

Browse all SVG Logos icons →