Home/Libraries/SVG Logos (Iconify)/mastodon

SVG Logos (Iconify)

Mastodon

License: CC0-1.0Commercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 512 127"><path fill="#818cf8" d="M115.235 75.671c-1.731 8.905-15.501 18.649-31.317 20.537c-8.248.985-16.367 1.889-25.026 1.492c-14.16-.648-25.334-3.38-25.334-3.38c0 1.379.085 2.691.255 3.919c1.841 13.974 13.858 14.812 25.24 15.202c11.488.393 21.717-2.833 21.717-2.833l.473 10.387s-8.036 4.315-22.35 5.108c-7.895.434-17.695-.199-29.112-3.22C5.023 116.33.765 89.94.114 63.16c-.2-7.95-.076-15.448-.076-21.717c0-27.384 17.94-35.41 17.94-35.41C27.024 1.88 42.547.132 58.684 0h.397c16.137.132 31.67 1.879 40.716 6.033c0 0 17.94 8.026 17.94 35.41c0 0 .225 20.202-2.502 34.228"/><path fill="#818cf8" d="M24.875 34.806a7.217 7.217 0 1 1 14.434 0a7.217 7.217 0 0 1-14.434 0m103.502 8.76v33.156H115.24V44.54c0-6.784-2.854-10.226-8.564-10.226c-6.311 0-9.476 4.084-9.476 12.16V64.09H84.143V46.475c0-8.077-3.164-12.161-9.476-12.161c-5.71 0-8.564 3.442-8.564 10.226v32.182H52.967V43.566c0-6.776 1.726-12.161 5.191-16.145c3.575-3.984 8.255-6.026 14.064-6.026c6.723 0 11.813 2.583 15.178 7.751l3.273 5.485l3.272-5.485c3.365-5.168 8.454-7.75 15.178-7.75c5.809 0 10.489 2.041 14.063 6.025c3.466 3.984 5.19 9.369 5.19 16.145m45.252 16.482c2.71-2.864 4.016-6.47 4.016-10.82s-1.305-7.956-4.016-10.714c-2.61-2.864-5.924-4.242-9.94-4.242s-7.33 1.378-9.939 4.242c-2.61 2.758-3.916 6.365-3.916 10.714q0 6.525 3.916 10.82q3.915 4.137 9.94 4.137t9.94-4.137m4.015-37.34h12.952v53.04h-12.952v-6.26c-3.915 5.199-9.338 7.745-16.365 7.745c-6.727 0-12.45-2.652-17.27-8.063c-4.718-5.41-7.128-12.093-7.128-19.942c0-7.743 2.41-14.427 7.128-19.837c4.82-5.41 10.543-8.168 17.27-8.168c7.027 0 12.45 2.546 16.365 7.744zm56.53 25.566c3.815 2.863 5.723 6.894 5.622 11.986c0 5.41-1.908 9.653-5.823 12.624c-3.916 2.864-8.634 4.35-14.358 4.35c-10.341 0-17.37-4.244-21.085-12.625l11.246-6.682c1.506 4.56 4.819 6.895 9.84 6.895c4.617 0 6.927-1.486 6.927-4.562c0-2.228-3.012-4.243-9.136-5.834a84 84 0 0 1-5.723-1.804c-2.109-.848-3.916-1.803-5.422-2.97c-3.715-2.863-5.622-6.683-5.622-11.562c0-5.198 1.806-9.335 5.421-12.306c3.715-3.076 8.233-4.56 13.655-4.56c8.634 0 14.96 3.712 19.075 11.243l-11.043 6.365c-1.607-3.606-4.317-5.41-8.032-5.41c-3.916 0-5.824 1.486-5.824 4.35c0 2.227 3.012 4.242 9.137 5.834c4.72 1.06 8.434 2.652 11.145 4.668m41.167-12.412h-11.346v22.065c0 2.652 1.005 4.243 2.912 4.985c1.406.53 4.217.637 8.434.424v12.412c-8.734 1.06-15.06.212-18.775-2.653c-3.714-2.757-5.522-7.849-5.522-15.168V35.862h-8.735V22.708h8.735V11.994l12.951-4.137v14.851h11.346zm41.268 23.868q3.915-4.139 3.915-10.502q0-6.365-3.915-10.502c-2.61-2.758-5.823-4.136-9.74-4.136c-3.915 0-7.128 1.378-9.738 4.136c-2.51 2.864-3.816 6.365-3.816 10.502s1.305 7.638 3.816 10.502c2.61 2.758 5.823 4.137 9.738 4.137c3.917 0 7.13-1.38 9.74-4.137m-28.615 9.44c-5.12-5.41-7.63-11.986-7.63-19.942c0-7.85 2.51-14.427 7.63-19.837s11.446-8.167 18.875-8.167s13.756 2.758 18.877 8.167c5.12 5.41 7.73 12.093 7.73 19.837c0 7.85-2.61 14.533-7.73 19.943s-11.346 8.062-18.877 8.062s-13.755-2.651-18.875-8.062m88.758-9.123q3.916-4.296 3.916-10.82c0-4.35-1.305-7.956-3.916-10.714c-2.61-2.864-5.924-4.242-9.94-4.242s-7.33 1.378-10.04 4.242c-2.61 2.758-3.916 6.365-3.916 10.714q.001 6.525 3.916 10.82c2.71 2.758 6.125 4.137 10.04 4.137q6.024 0 9.94-4.137m3.916-58.556h12.952v74.256h-12.952v-6.26c-3.815 5.199-9.238 7.745-16.265 7.745c-6.727 0-12.55-2.652-17.37-8.063c-4.718-5.41-7.128-12.093-7.128-19.942c0-7.743 2.41-14.427 7.129-19.837c4.82-5.41 10.642-8.168 17.369-8.168c7.027 0 12.45 2.546 16.265 7.744zm58.437 58.238q3.915-4.139 3.915-10.502q0-6.365-3.915-10.502c-2.61-2.758-5.823-4.136-9.74-4.136c-3.915 0-7.128 1.378-9.738 4.136c-2.511 2.864-3.816 6.365-3.816 10.502s1.305 7.638 3.816 10.502c2.61 2.758 5.823 4.137 9.739 4.137s7.128-1.38 9.74-4.137m-28.616 9.44c-5.12-5.41-7.63-11.986-7.63-19.942c0-7.85 2.51-14.427 7.63-19.837c5.121-5.41 11.446-8.167 18.876-8.167s13.755 2.758 18.876 8.167c5.12 5.41 7.73 12.093 7.73 19.837c0 7.85-2.61 14.533-7.73 19.943s-11.346 8.062-18.876 8.062s-13.755-2.651-18.876-8.062M512 43.18v32.567h-12.953v-30.87c0-3.5-.903-6.152-2.71-8.167c-1.707-1.803-4.117-2.759-7.23-2.759c-7.33 0-11.043 4.35-11.043 13.155v28.64H465.11V22.709h12.953v5.94c3.112-4.985 8.031-7.425 14.96-7.425c5.522 0 10.04 1.91 13.554 5.835C510.192 30.983 512 36.287 512 43.18"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. MastodonIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.