Ícone Mastodon Fill
akar-icons:mastodon-fill
O ícone Mastodon Fill (akar-icons:mastodon-fill) é um ícone SVG gratuito da coleção Akar Icons de Arturo Wibawa. Ele é desenhado em uma grade de 24 × 24. Akar Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Akar Icons
- Autor
- Arturo Wibawa
- Licença
- MIT
- Tamanho
- 24 × 24
- Tags
- mastodonfill
Código 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>Como usar o ícone 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>Web component
<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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/akar-icons/mastodon-fill.svg" alt="Ícone Mastodon Fill" width="24" height="24">O ícone Mastodon Fill em outras coleções
Perguntas frequentes sobre Ícone Mastodon Fill
O ícone Mastodon Fill é grátis para uso comercial?
Sim. Akar Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Mastodon Fill no React?
Instale @iconify/react e renderize <Icon icon="akar-icons:mastodon-fill" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Mastodon Fill a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/akar-icons/mastodon-fill.svg" alt="Ícone Mastodon Fill">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.