Mastodon Logo icon
ix:mastodon-logo
The Mastodon Logo icon (ix:mastodon-logo) is a free SVG icon from the Siemens Industrial Experience Icons set by Siemens AG. It is drawn on a 512 × 512 grid. Siemens Industrial Experience 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
- Siemens Industrial Experience Icons
- Author
- Siemens AG
- License
- MIT
- Size
- 512 × 512
- Tags
- mastodonlogo
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" fill-rule="evenodd" d="M369.308 48.155c47.364 7 87.319 43.128 93.487 88.972c2.687 27.267 1.356 68.236.71 88.151c-.161 4.956-.28 8.608-.283 10.42c0 2.676-.388 27.11-.543 29.689c-4.151 65.508-44.999 91.377-87.921 99.619c-.463.139-.988.241-1.526.345l-.414.081c-27.212 5.314-56.364 6.729-84.022 7.505c-6.614.175-13.209.175-19.822.175a347.8 347.8 0 0 1-81.636-9.696a.94.94 0 0 0-.824.18a.92.92 0 0 0-.34.77a100 100 0 0 0 5.624 25.481c3.705 9.503 16.642 32.327 64.743 32.327a354.5 354.5 0 0 0 82.994-9.696a.96.96 0 0 1 .8.178a.95.95 0 0 1 .364.734v32.152a1.02 1.02 0 0 1-.407.776c-8.5 6.16-19.93 9.781-29.939 12.953l-1.347.427a186 186 0 0 1-13.829 3.782a234.47 234.47 0 0 1-127.895-6.749c-38.462-13.497-77.718-46.58-87.416-86.334a469 469 0 0 1-10.92-65.43c-2.198-24.102-2.932-48.245-3.668-72.421c-.277-9.106-.554-18.218-.91-27.333c-.911-23.232-.387-48.558 4.52-71.402c10.202-46.387 52.252-78.85 98.297-85.656c.946-.14 1.992-.324 3.216-.54c9.113-1.602 28.134-4.948 89.981-4.948h.523c70.135 0 100.411 4.305 108.403 5.488m25.486 254.369V188.633q.02-34.927-17.786-55.462c-12.297-13.672-28.376-20.692-48.315-20.692c-23.061 0-40.517 8.881-52.155 26.626l-11.249 18.849l-11.23-18.849c-11.638-17.745-29.094-26.626-52.194-26.626c-19.958 0-36.037 7.02-48.295 20.692q-17.825 20.555-17.825 55.462v113.891h45.114V191.988c0-23.271 9.795-35.139 29.404-35.139c21.685 0 32.566 14.04 32.566 41.771v60.504h44.862V198.62c0-27.731 10.861-41.771 32.546-41.771c19.726 0 29.423 11.868 29.423 35.139v110.536z" clip-rule="evenodd"/></svg>How to use the Mastodon Logo icon
React
import { Icon } from "@iconify/react";
<Icon icon="ix:mastodon-logo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ix:mastodon-logo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ix:mastodon-logo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--mastodon-logo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:mastodon-logo"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ix:mastodon-logo"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ix/mastodon-logo.svg" alt="Mastodon Logo icon" width="24" height="24">Mastodon Logo icon in other icon sets
Mastodon Logo icon FAQ
Is the Mastodon Logo icon free for commercial use?
Yes. Siemens Industrial Experience Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Mastodon Logo icon in React?
Install @iconify/react and render <Icon icon="ix:mastodon-logo" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Mastodon Logo icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ix/mastodon-logo.svg" alt="Mastodon Logo icon">, or paste the SVG code inline to style it with CSS.