Ícone Mastodon 16
qlementine-icons:mastodon-16
O ícone Mastodon 16 (qlementine-icons:mastodon-16) é um ícone SVG gratuito da coleção Qlementine Icons de Olivier Cléro. Ele é desenhado em uma grade de 24 × 24. Qlementine 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
- Qlementine Icons
- Autor
- Olivier Cléro
- Licença
- MIT
- Tamanho
- 24 × 24
- Categoria
- Marca
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.44 3.52c.444-.647 1.12-.966 2.01-.966c.773 0 1.39.261 1.86.754c.454.493.686 1.17.686 2.01v4.13h-1.74v-4.01c0-.841-.377-1.28-1.14-1.28c-.841 0-1.26.512-1.26 1.52v2.19h-1.73v-2.19c0-1-.415-1.52-1.26-1.52c-.763 0-1.14.435-1.14 1.28v4.01h-1.74v-4.13c0-.841.232-1.52.686-2.01c.473-.502 1.09-.754 1.86-.754c.899 0 1.57.319 2.02.966l.435.686l.435-.686z"/><path fill="currentColor" fill-rule="evenodd" d="M15.5 2.72c.17.37.36.84.45 1.43v.01c.1.59 0 3.52 0 3.52s-.13 1.68-.56 2.56c-.66 1.31-1.92 2.17-3.91 2.41c.25.33.19 1.2.14 1.61c-.101.943-1.13 1.21-1.95 1.41q-.233.059-.431.116c-3.24.69-7.56-.21-8.71-3.78c-.41-1.54-.54-3.89-.54-5.96s.13-2.99 1.14-4.17c1.25-1.44 3.12-1.88 6.74-1.88c3.17 0 6.43.08 7.63 2.72zm-3.75 8.87c1.53-.26 2.9-1.1 3.14-3.28c.13-1.24.14-3.4 0-4.21c-.13-.81-.48-1.3-.84-1.72c-1.11-1.3-2.94-1.33-5.72-1.37l-.496-.008c-3.73.03-5.72.19-6.71 2.99c-.275 1.45-.174 2.94-.074 4.41c.027.405.055.808.074 1.21c.07.73.2 1.44.38 2.15c.34 1.3 1.72 2.39 3.06 2.83c1.94.59 4.26.63 6.06-.37v-1.06c0-.01-.01-.02-.01-.02c-1.51.33-4.29.47-5.19-.75c-.16-.23-.28-.76-.16-.87c2.12.47 4.36.39 6.49.07z" clip-rule="evenodd"/></svg>Como usar o ícone Mastodon 16
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:mastodon-16" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:mastodon-16" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:mastodon-16" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--mastodon-16]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:mastodon-16"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="qlementine-icons:mastodon-16"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/qlementine-icons/mastodon-16.svg" alt="Ícone Mastodon 16" width="24" height="24">Ícones relacionados em Qlementine Icons
Perguntas frequentes sobre Ícone Mastodon 16
O ícone Mastodon 16 é grátis para uso comercial?
Sim. Qlementine Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Mastodon 16 no React?
Instale @iconify/react e renderize <Icon icon="qlementine-icons:mastodon-16" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Mastodon 16 a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/qlementine-icons/mastodon-16.svg" alt="Ícone Mastodon 16">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.