Иконка Ubuntu Mate

thesvg:ubuntu-mate

Иконка Ubuntu Mate (thesvg:ubuntu-mate) — бесплатная SVG-иконка из набора theSVG от thesvg.org. Она нарисована на сетке 24 × 24. theSVG icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: theSVG
Автор: thesvg.org
Лицензия: MIT
Размер: 24 × 24
Теги: ubuntumate

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C5.373 0 0 5.372 0 12c0 6.627 5.373 12 12 12s12-5.373 12-12c0-6.628-5.373-12-12-12m2.005 3.245L18.667 6L14 8.755ZM12 4.66c.342 0 .676.028 1.005.073v1.021A6.33 6.33 0 0 0 6.12 9.63l-.865-.51C6.378 6.503 8.978 4.66 12 4.66m0 2.495c.342 0 .677.041 1 .11v1.036a4 4 0 0 0-1-.13a3.81 3.81 0 0 0-3.672 2.76l-.896-.531A4.855 4.855 0 0 1 12 7.156Zm5.885.464A7.3 7.3 0 0 1 19.34 12a7.3 7.3 0 0 1-1.5 4.437l-.87-.515A6.3 6.3 0 0 0 18.329 12a6.3 6.3 0 0 0-1.313-3.865zm-2.171 1.286a4.81 4.81 0 0 1-.047 6.25l-.891-.526A3.8 3.8 0 0 0 15.828 12c0-.996-.377-1.899-.995-2.578zm-12.209.339L8.167 12L3.5 14.755Zm4.823 3.823A3.81 3.81 0 0 0 12 15.823c.346 0 .681-.047 1-.13v1.041a4.8 4.8 0 0 1-1 .11c-2.106 0-3.906-1.362-4.568-3.25zM6.12 14.37A6.33 6.33 0 0 0 12 18.328q.509 0 .995-.078v1.016a7 7 0 0 1-.995.073c-3.022 0-5.622-1.842-6.745-4.459zm7.88.963l4.661 2.75l-4.666 2.756z"/></svg>

Как использовать иконку Ubuntu Mate

React

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

<Icon icon="thesvg:ubuntu-mate" width="24" />

Vue

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

<template>
  <Icon icon="thesvg:ubuntu-mate" width="24" />
</template>

Svelte

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

<Icon icon="thesvg:ubuntu-mate" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--ubuntu-mate]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:ubuntu-mate"></div>

Веб-компонент

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

<iconify-icon icon="thesvg:ubuntu-mate"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/thesvg/ubuntu-mate.svg" alt="Иконка Ubuntu Mate" width="24" height="24">

Иконка Ubuntu Mate в других наборах

Вопросы и ответы: Иконка Ubuntu Mate

Можно ли бесплатно использовать иконку Ubuntu Mate в коммерческих проектах?

Да. theSVG icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Ubuntu Mate в React?

Установите @iconify/react и выведите <Icon icon="thesvg:ubuntu-mate" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Ubuntu Mate на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg/ubuntu-mate.svg" alt="Иконка Ubuntu Mate">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки theSVG →