Иконка Mastodon Fill

akar-icons:mastodon-fill

Иконка Mastodon Fill (akar-icons:mastodon-fill) — бесплатная SVG-иконка из набора Akar Icons от Arturo Wibawa. Она нарисована на сетке 24 × 24. Akar Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Akar Icons
Автор: Arturo Wibawa
Лицензия: MIT
Размер: 24 × 24
Теги: mastodonfill

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.158 0c-3.068.025-6.02.357-7.74 1.147c0 0-3.41 1.526-3.41 6.733c0 1.192-.024 2.617.014 4.129c.123 5.092.933 10.11 5.64 11.355c2.171.575 4.035.695 5.535.613c2.722-.151 4.25-.972 4.25-.972l-.09-1.974s-1.945.613-4.13.538c-2.163-.074-4.448-.233-4.798-2.89a5.5 5.5 0 0 1-.048-.745s2.124.519 4.816.642c1.647.076 3.19-.096 4.759-.283c3.007-.36 5.625-2.212 5.954-3.905c.519-2.667.476-6.508.476-6.508c0-5.207-3.411-6.733-3.411-6.733C18.255.357 15.302.025 12.233 0zM8.686 4.068c1.278 0 2.245.491 2.885 1.474l.622 1.043l.623-1.043c.64-.983 1.607-1.474 2.885-1.474c1.105 0 1.995.388 2.675 1.146q.987 1.136.986 3.07v6.303h-2.497V8.47c0-1.29-.543-1.945-1.628-1.945c-1.2 0-1.802.777-1.802 2.313v3.349h-2.483v-3.35c0-1.535-.601-2.312-1.802-2.312c-1.085 0-1.628.655-1.628 1.945v6.118H5.024V8.283q0-1.932.987-3.07c.68-.757 1.57-1.145 2.675-1.145"/></svg>

Как использовать иконку Mastodon Fill

React

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

<Icon icon="akar-icons:mastodon-fill" width="24" />

Vue

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

<template>
  <Icon icon="akar-icons:mastodon-fill" width="24" />
</template>

Svelte

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

<Icon icon="akar-icons:mastodon-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[akar-icons--mastodon-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/akar-icons -->
<div class="i-akar-icons:mastodon-fill"></div>

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

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

<iconify-icon icon="akar-icons:mastodon-fill"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/akar-icons/mastodon-fill.svg" alt="Иконка Mastodon Fill" width="24" height="24">

Иконка Mastodon Fill в других наборах

Вопросы и ответы: Иконка Mastodon Fill

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

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

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

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

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

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

Все Akar Icons →