mastodon logo
mastodon from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- mastodon
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
mastodon-fillAkar Iconsmastodon-filledAnt Design IconsmastodonBootstrap IconsmastodonBoxicons BrandsmastodonFont Awesome 6 BrandsmastodonFont Awesome BrandsmastodonHuge IconsmastodonIconoirmastodonLine AwesomemastodonMaterial Line IconsmastodonSVG LogosmastodonMaterial Design Iconsmastodon-fillMingCute IconmastodonOpenMojimastodonPixelarticonsmastodon-fillRemix IconmastodonSimple Iconsmastodon-darkSkill Icons
Use the mastodon logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M30.921 10.505c0-6.943-4.547-8.975-4.547-8.975C24.082.473 20.145.03 16.051-.001h-.099C11.863.03 7.925.472 5.635 1.53c0 0-4.553 2.032-4.553 8.975c0 1.588-.031 3.489.021 5.505c.167 6.792 1.245 13.479 7.521 15.14c2.896.767 5.38.928 7.38.819c3.631-.204 5.667-1.297 5.667-1.297l-.12-2.636s-2.593.819-5.505.719c-2.885-.099-5.932-.307-6.396-3.853a7 7 0 0 1-.067-.995s2.832.692 6.427.859c2.192.099 4.249-.129 6.344-.38c4.005-.473 7.5-2.948 7.937-5.203c.687-3.552.629-8.677.629-8.677zm-5.364 8.948h-3.328v-8.161c0-1.719-.724-2.595-2.172-2.595c-1.599 0-2.401 1.037-2.401 3.084v4.469h-3.312v-4.469c0-2.047-.803-3.084-2.401-3.084c-1.448 0-2.172.876-2.172 2.595v8.156H6.443v-8.401Q6.442 8.469 7.76 6.954c.907-1.011 2.089-1.532 3.563-1.532c1.704 0 2.995.657 3.849 1.969L16 8.782l.828-1.391c.855-1.312 2.145-1.969 3.849-1.969c1.473 0 2.661.521 3.568 1.532q1.312 1.516 1.312 4.093z"/></svg>
React
import type { SVGProps } from "react";
export function CibMastodon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M30.921 10.505c0-6.943-4.547-8.975-4.547-8.975C24.082.473 20.145.03 16.051-.001h-.099C11.863.03 7.925.472 5.635 1.53c0 0-4.553 2.032-4.553 8.975c0 1.588-.031 3.489.021 5.505c.167 6.792 1.245 13.479 7.521 15.14c2.896.767 5.38.928 7.38.819c3.631-.204 5.667-1.297 5.667-1.297l-.12-2.636s-2.593.819-5.505.719c-2.885-.099-5.932-.307-6.396-3.853a7 7 0 0 1-.067-.995s2.832.692 6.427.859c2.192.099 4.249-.129 6.344-.38c4.005-.473 7.5-2.948 7.937-5.203c.687-3.552.629-8.677.629-8.677zm-5.364 8.948h-3.328v-8.161c0-1.719-.724-2.595-2.172-2.595c-1.599 0-2.401 1.037-2.401 3.084v4.469h-3.312v-4.469c0-2.047-.803-3.084-2.401-3.084c-1.448 0-2.172.876-2.172 2.595v8.156H6.443v-8.401Q6.442 8.469 7.76 6.954c.907-1.011 2.089-1.532 3.563-1.532c1.704 0 2.995.657 3.849 1.969L16 8.782l.828-1.391c.855-1.312 2.145-1.969 3.849-1.969c1.473 0 2.661.521 3.568 1.532q1.312 1.516 1.312 4.093z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M30.921 10.505c0-6.943-4.547-8.975-4.547-8.975C24.082.473 20.145.03 16.051-.001h-.099C11.863.03 7.925.472 5.635 1.53c0 0-4.553 2.032-4.553 8.975c0 1.588-.031 3.489.021 5.505c.167 6.792 1.245 13.479 7.521 15.14c2.896.767 5.38.928 7.38.819c3.631-.204 5.667-1.297 5.667-1.297l-.12-2.636s-2.593.819-5.505.719c-2.885-.099-5.932-.307-6.396-3.853a7 7 0 0 1-.067-.995s2.832.692 6.427.859c2.192.099 4.249-.129 6.344-.38c4.005-.473 7.5-2.948 7.937-5.203c.687-3.552.629-8.677.629-8.677zm-5.364 8.948h-3.328v-8.161c0-1.719-.724-2.595-2.172-2.595c-1.599 0-2.401 1.037-2.401 3.084v4.469h-3.312v-4.469c0-2.047-.803-3.084-2.401-3.084c-1.448 0-2.172.876-2.172 2.595v8.156H6.443v-8.401Q6.442 8.469 7.76 6.954c.907-1.011 2.089-1.532 3.563-1.532c1.704 0 2.995.657 3.849 1.969L16 8.782l.828-1.391c.855-1.312 2.145-1.969 3.849-1.969c1.473 0 2.661.521 3.568 1.532q1.312 1.516 1.312 4.093z"/></svg> </template>
CSS
.icon-mastodon {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M30.921%2010.505c0-6.943-4.547-8.975-4.547-8.975C24.082.473%2020.145.03%2016.051-.001h-.099C11.863.03%207.925.472%205.635%201.53c0%200-4.553%202.032-4.553%208.975c0%201.588-.031%203.489.021%205.505c.167%206.792%201.245%2013.479%207.521%2015.14c2.896.767%205.38.928%207.38.819c3.631-.204%205.667-1.297%205.667-1.297l-.12-2.636s-2.593.819-5.505.719c-2.885-.099-5.932-.307-6.396-3.853a7%207%200%200%201-.067-.995s2.832.692%206.427.859c2.192.099%204.249-.129%206.344-.38c4.005-.473%207.5-2.948%207.937-5.203c.687-3.552.629-8.677.629-8.677zm-5.364%208.948h-3.328v-8.161c0-1.719-.724-2.595-2.172-2.595c-1.599%200-2.401%201.037-2.401%203.084v4.469h-3.312v-4.469c0-2.047-.803-3.084-2.401-3.084c-1.448%200-2.172.876-2.172%202.595v8.156H6.443v-8.401Q6.442%208.469%207.76%206.954c.907-1.011%202.089-1.532%203.563-1.532c1.704%200%202.995.657%203.849%201.969L16%208.782l.828-1.391c.855-1.312%202.145-1.969%203.849-1.969c1.473%200%202.661.521%203.568%201.532q1.312%201.516%201.312%204.093z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M30.921%2010.505c0-6.943-4.547-8.975-4.547-8.975C24.082.473%2020.145.03%2016.051-.001h-.099C11.863.03%207.925.472%205.635%201.53c0%200-4.553%202.032-4.553%208.975c0%201.588-.031%203.489.021%205.505c.167%206.792%201.245%2013.479%207.521%2015.14c2.896.767%205.38.928%207.38.819c3.631-.204%205.667-1.297%205.667-1.297l-.12-2.636s-2.593.819-5.505.719c-2.885-.099-5.932-.307-6.396-3.853a7%207%200%200%201-.067-.995s2.832.692%206.427.859c2.192.099%204.249-.129%206.344-.38c4.005-.473%207.5-2.948%207.937-5.203c.687-3.552.629-8.677.629-8.677zm-5.364%208.948h-3.328v-8.161c0-1.719-.724-2.595-2.172-2.595c-1.599%200-2.401%201.037-2.401%203.084v4.469h-3.312v-4.469c0-2.047-.803-3.084-2.401-3.084c-1.448%200-2.172.876-2.172%202.595v8.156H6.443v-8.401Q6.442%208.469%207.76%206.954c.907-1.011%202.089-1.532%203.563-1.532c1.704%200%202.995.657%203.849%201.969L16%208.782l.828-1.391c.855-1.312%202.145-1.969%203.849-1.969c1.473%200%202.661.521%203.568%201.532q1.312%201.516%201.312%204.093z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/mastodon.svg?color=%231a73e8&size=48
