mastodon logo
mastodon-dark from Skill Icons by tandpfun · Dark · MIT Free for personal and commercial use.
- Name
- mastodon-dark
- Set
- Skill Icons
- Style
- Dark
- Viewbox
- 256×256
- License
- MIT
1 other variant in Skill Icons
The same logo in other sets
mastodon-fillAkar Iconsmastodon-filledAnt Design IconsmastodonBootstrap IconsmastodonBoxicons BrandsmastodonCoreUI BrandsmastodonFont Awesome 6 BrandsmastodonFont Awesome BrandsmastodonHuge IconsmastodonIconoirmastodonLine AwesomemastodonMaterial Line IconsmastodonSVG LogosmastodonMaterial Design Iconsmastodon-fillMingCute IconmastodonOpenMojimastodonPixelarticonsmastodon-fillRemix IconmastodonSimple Icons
Use the mastodon logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#242938" rx="60"/><path fill="#2b90d9" d="M218.324 148.035c-2.768 14.007-24.795 29.336-50.093 32.306c-13.192 1.548-26.181 2.971-40.031 2.346c-22.65-1.02-40.522-5.316-40.522-5.316c0 2.168.136 4.233.407 6.164c2.945 21.983 22.166 23.3 40.372 23.914c18.376.618 34.739-4.456 34.739-4.456l.755 16.338s-12.853 6.788-35.751 8.036c-12.626.682-28.303-.312-46.563-5.065c-39.603-10.309-46.413-51.824-47.455-93.948c-.318-12.507-.122-24.3-.122-34.164c0-43.073 28.697-55.699 28.697-55.699c14.47-6.535 39.299-9.283 65.112-9.491h.634c25.812.207 50.658 2.956 65.127 9.491c0 0 28.696 12.626 28.696 55.7c0 0 .36 31.78-4.002 53.844"/><path fill="#fff" d="M188.477 97.532v52.155h-21.011V99.065c0-10.671-4.566-16.087-13.698-16.087c-10.097 0-15.157 6.425-15.157 19.13v27.708h-20.887v-27.708c0-12.705-5.062-19.13-15.159-19.13c-9.132 0-13.697 5.416-13.697 16.087v50.622H67.857V97.532c0-10.66 2.76-19.13 8.303-25.397c5.716-6.266 13.203-9.479 22.496-9.479c10.752 0 18.894 4.064 24.277 12.193l5.234 8.628l5.234-8.628c5.383-8.129 13.525-12.193 24.278-12.193c9.292 0 16.778 3.213 22.496 9.48c5.542 6.266 8.302 14.737 8.302 25.396"/></g></svg>
React
import type { SVGProps } from "react";
export function SkillIconsMastodonDark(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#242938" rx="60"/><path fill="#2b90d9" d="M218.324 148.035c-2.768 14.007-24.795 29.336-50.093 32.306c-13.192 1.548-26.181 2.971-40.031 2.346c-22.65-1.02-40.522-5.316-40.522-5.316c0 2.168.136 4.233.407 6.164c2.945 21.983 22.166 23.3 40.372 23.914c18.376.618 34.739-4.456 34.739-4.456l.755 16.338s-12.853 6.788-35.751 8.036c-12.626.682-28.303-.312-46.563-5.065c-39.603-10.309-46.413-51.824-47.455-93.948c-.318-12.507-.122-24.3-.122-34.164c0-43.073 28.697-55.699 28.697-55.699c14.47-6.535 39.299-9.283 65.112-9.491h.634c25.812.207 50.658 2.956 65.127 9.491c0 0 28.696 12.626 28.696 55.7c0 0 .36 31.78-4.002 53.844"/><path fill="#fff" d="M188.477 97.532v52.155h-21.011V99.065c0-10.671-4.566-16.087-13.698-16.087c-10.097 0-15.157 6.425-15.157 19.13v27.708h-20.887v-27.708c0-12.705-5.062-19.13-15.159-19.13c-9.132 0-13.697 5.416-13.697 16.087v50.622H67.857V97.532c0-10.66 2.76-19.13 8.303-25.397c5.716-6.266 13.203-9.479 22.496-9.479c10.752 0 18.894 4.064 24.277 12.193l5.234 8.628l5.234-8.628c5.383-8.129 13.525-12.193 24.278-12.193c9.292 0 16.778 3.213 22.496 9.48c5.542 6.266 8.302 14.737 8.302 25.396"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#242938" rx="60"/><path fill="#2b90d9" d="M218.324 148.035c-2.768 14.007-24.795 29.336-50.093 32.306c-13.192 1.548-26.181 2.971-40.031 2.346c-22.65-1.02-40.522-5.316-40.522-5.316c0 2.168.136 4.233.407 6.164c2.945 21.983 22.166 23.3 40.372 23.914c18.376.618 34.739-4.456 34.739-4.456l.755 16.338s-12.853 6.788-35.751 8.036c-12.626.682-28.303-.312-46.563-5.065c-39.603-10.309-46.413-51.824-47.455-93.948c-.318-12.507-.122-24.3-.122-34.164c0-43.073 28.697-55.699 28.697-55.699c14.47-6.535 39.299-9.283 65.112-9.491h.634c25.812.207 50.658 2.956 65.127 9.491c0 0 28.696 12.626 28.696 55.7c0 0 .36 31.78-4.002 53.844"/><path fill="#fff" d="M188.477 97.532v52.155h-21.011V99.065c0-10.671-4.566-16.087-13.698-16.087c-10.097 0-15.157 6.425-15.157 19.13v27.708h-20.887v-27.708c0-12.705-5.062-19.13-15.159-19.13c-9.132 0-13.697 5.416-13.697 16.087v50.622H67.857V97.532c0-10.66 2.76-19.13 8.303-25.397c5.716-6.266 13.203-9.479 22.496-9.479c10.752 0 18.894 4.064 24.277 12.193l5.234 8.628l5.234-8.628c5.383-8.129 13.525-12.193 24.278-12.193c9.292 0 16.778 3.213 22.496 9.48c5.542 6.266 8.302 14.737 8.302 25.396"/></g></svg> </template>
CSS
.icon-mastodon-dark {
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%20256%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23242938%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%232b90d9%22%20d%3D%22M218.324%20148.035c-2.768%2014.007-24.795%2029.336-50.093%2032.306c-13.192%201.548-26.181%202.971-40.031%202.346c-22.65-1.02-40.522-5.316-40.522-5.316c0%202.168.136%204.233.407%206.164c2.945%2021.983%2022.166%2023.3%2040.372%2023.914c18.376.618%2034.739-4.456%2034.739-4.456l.755%2016.338s-12.853%206.788-35.751%208.036c-12.626.682-28.303-.312-46.563-5.065c-39.603-10.309-46.413-51.824-47.455-93.948c-.318-12.507-.122-24.3-.122-34.164c0-43.073%2028.697-55.699%2028.697-55.699c14.47-6.535%2039.299-9.283%2065.112-9.491h.634c25.812.207%2050.658%202.956%2065.127%209.491c0%200%2028.696%2012.626%2028.696%2055.7c0%200%20.36%2031.78-4.002%2053.844%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M188.477%2097.532v52.155h-21.011V99.065c0-10.671-4.566-16.087-13.698-16.087c-10.097%200-15.157%206.425-15.157%2019.13v27.708h-20.887v-27.708c0-12.705-5.062-19.13-15.159-19.13c-9.132%200-13.697%205.416-13.697%2016.087v50.622H67.857V97.532c0-10.66%202.76-19.13%208.303-25.397c5.716-6.266%2013.203-9.479%2022.496-9.479c10.752%200%2018.894%204.064%2024.277%2012.193l5.234%208.628l5.234-8.628c5.383-8.129%2013.525-12.193%2024.278-12.193c9.292%200%2016.778%203.213%2022.496%209.48c5.542%206.266%208.302%2014.737%208.302%2025.396%22%2F%3E%3C%2Fg%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%20256%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23242938%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%232b90d9%22%20d%3D%22M218.324%20148.035c-2.768%2014.007-24.795%2029.336-50.093%2032.306c-13.192%201.548-26.181%202.971-40.031%202.346c-22.65-1.02-40.522-5.316-40.522-5.316c0%202.168.136%204.233.407%206.164c2.945%2021.983%2022.166%2023.3%2040.372%2023.914c18.376.618%2034.739-4.456%2034.739-4.456l.755%2016.338s-12.853%206.788-35.751%208.036c-12.626.682-28.303-.312-46.563-5.065c-39.603-10.309-46.413-51.824-47.455-93.948c-.318-12.507-.122-24.3-.122-34.164c0-43.073%2028.697-55.699%2028.697-55.699c14.47-6.535%2039.299-9.283%2065.112-9.491h.634c25.812.207%2050.658%202.956%2065.127%209.491c0%200%2028.696%2012.626%2028.696%2055.7c0%200%20.36%2031.78-4.002%2053.844%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M188.477%2097.532v52.155h-21.011V99.065c0-10.671-4.566-16.087-13.698-16.087c-10.097%200-15.157%206.425-15.157%2019.13v27.708h-20.887v-27.708c0-12.705-5.062-19.13-15.159-19.13c-9.132%200-13.697%205.416-13.697%2016.087v50.622H67.857V97.532c0-10.66%202.76-19.13%208.303-25.397c5.716-6.266%2013.203-9.479%2022.496-9.479c10.752%200%2018.894%204.064%2024.277%2012.193l5.234%208.628l5.234-8.628c5.383-8.129%2013.525-12.193%2024.278-12.193c9.292%200%2016.778%203.213%2022.496%209.48c5.542%206.266%208.302%2014.737%208.302%2025.396%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/skill-icons/mastodon-dark.svg?color=%231a73e8&size=48
