Mastodon Filled icon
ant-design:mastodon-filled
The Mastodon Filled icon (ant-design:mastodon-filled) is a free SVG icon from the Ant Design Icons set by HeskeyBaozi. It is drawn on a 1024 × 1024 grid. Ant Design Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Ant Design Icons
- Author
- HeskeyBaozi
- License
- MIT
- Size
- 1024 × 1024
- Tags
- mastodonfilled
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M932.672 262.352C919.605 166.107 834.97 90.245 734.656 75.536C717.706 73.035 653.568 64 505.019 64h-1.12c-148.587 0-180.507 9.035-197.419 11.536c-97.552 14.299-186.63 82.47-208.245 179.872c-10.342 47.973-11.462 101.173-9.558 149.93c2.763 69.963 3.286 139.814 9.707 209.478a967 967 0 0 0 23.147 137.387c20.533 83.514 103.674 152.992 185.173 181.328c87.21 29.568 181.03 34.458 270.89 14.186a396 396 0 0 0 29.345-7.952c21.84-6.87 47.413-14.56 66.229-28.112a2.13 2.13 0 0 0 .859-1.605v-67.536a1.94 1.94 0 0 0-.747-1.53a1.98 1.98 0 0 0-1.717-.374a757.2 757.2 0 0 1-175.803 20.347c-101.92 0-129.285-47.936-137.163-67.872a208.8 208.8 0 0 1-11.909-53.5a1.98 1.98 0 0 1 2.464-2.015a743 743 0 0 0 172.928 20.384c14.037 0 28 0 42-.373c58.613-1.643 120.363-4.63 178.005-15.755c1.419-.299 2.875-.56 4.107-.896c90.907-17.323 177.445-71.68 186.256-209.216c.299-5.413 1.12-56.747 1.12-62.347c.075-19.114 6.235-135.52-.896-207.013m-139.925 343.28h-95.611V373.493c0-48.869-20.533-73.77-62.347-73.77c-45.92 0-68.917 29.493-68.917 87.733v127.045h-95.05V387.42c0-58.24-23.035-87.734-68.993-87.734c-41.514 0-62.272 24.939-62.346 73.808v232.139H244.02V366.475q0-73.36 37.744-116.48c25.984-28.747 60.032-43.456 102.294-43.456c48.944 0 85.941 18.666 110.581 55.925l23.819 39.573l23.818-39.573c24.64-37.296 61.6-55.925 110.507-55.925c42.187 0 76.272 14.746 102.293 43.456c25.2 28.746 37.782 67.573 37.782 116.48z"/></svg>How to use the Mastodon Filled icon
React
import { Icon } from "@iconify/react";
<Icon icon="ant-design:mastodon-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ant-design:mastodon-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ant-design:mastodon-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ant-design--mastodon-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ant-design -->
<div class="i-ant-design:mastodon-filled"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ant-design:mastodon-filled"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ant-design/mastodon-filled.svg" alt="Mastodon Filled icon" width="24" height="24">Mastodon Filled icon in other icon sets
Mastodon Filled icon FAQ
Is the Mastodon Filled icon free for commercial use?
Yes. Ant Design Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Mastodon Filled icon in React?
Install @iconify/react and render <Icon icon="ant-design:mastodon-filled" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Mastodon Filled icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ant-design/mastodon-filled.svg" alt="Mastodon Filled icon">, or paste the SVG code inline to style it with CSS.