Mantine ikonu
thesvg-color:mantine
Mantine ikonu (thesvg-color:mantine), theSVG Color setinden ücretsiz bir SVG ikondur (yapımcı: thesvg.org). 163 × 163 ızgara üzerinde çizilmiştir. theSVG Color icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- theSVG Color
- Yazar
- thesvg.org
- Lisans
- MIT
- Boyut
- 163 × 163
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="163" height="163" viewBox="0 0 163 163"><g fill="none"><path fill="#339af0" d="M162.162 81.5c0-45.011-36.301-81.5-81.08-81.5C36.301 0 0 36.489 0 81.5C0 126.51 36.301 163 81.081 163s81.081-36.49 81.081-81.5"/><path fill="#fff" d="M65.983 43.049a6.23 6.23 0 0 0-.336 6.884a6.1 6.1 0 0 0 1.618 1.786c9.444 7.036 14.866 17.794 14.866 29.52s-5.422 22.484-14.866 29.52a6.2 6.2 0 0 0-1.616 1.786a6.2 6.2 0 0 0-.694 4.693a6.2 6.2 0 0 0 1.028 2.186a6.15 6.15 0 0 0 6.457 2.319a6.2 6.2 0 0 0 2.177-1.035a50 50 0 0 0 7.947-7.39h17.493c3.406 0 6.174-2.772 6.174-6.194s-2.762-6.194-6.174-6.194h-9.655a49.2 49.2 0 0 0 4.071-19.69a49.2 49.2 0 0 0-4.07-19.692h9.66c3.406 0 6.173-2.771 6.173-6.194s-2.762-6.193-6.173-6.193H82.574a50 50 0 0 0-7.952-7.397a6.15 6.15 0 0 0-4.578-1.153a6.2 6.2 0 0 0-4.055 2.438z"/><path fill="#fff" fill-rule="evenodd" d="M56.236 79.391a9.3 9.3 0 0 1 .632-3.608a9.3 9.3 0 0 1 1.967-3.077a9.1 9.1 0 0 1 2.994-2.063a9.06 9.06 0 0 1 7.103 0a9.15 9.15 0 0 1 2.995 2.063a9.3 9.3 0 0 1 1.967 3.077a9.34 9.34 0 0 1-2.125 10.003a9.1 9.1 0 0 1-6.388 2.63a9.1 9.1 0 0 1-6.39-2.63a9.3 9.3 0 0 1-2.755-6.395" clip-rule="evenodd"/></g></svg>Mantine ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:mantine" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:mantine" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:mantine" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--mantine]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:mantine"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:mantine"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/thesvg-color/mantine.svg" alt="Mantine ikonu" width="24" height="24">Diğer ikon setlerinde Mantine ikonu
Mantine ikonu: sık sorulan sorular
Mantine ikonu ticari kullanım için ücretsiz mi?
Evet. theSVG Color icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Mantine ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="thesvg-color:mantine" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Mantine ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/thesvg-color/mantine.svg" alt="Mantine ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.