mastodon icon
mastodon from Line Awesome by Icons8 · Line · Other · Apache-2.0 Free for personal and commercial use.
- Name
- mastodon
- Set
- Line Awesome
- Style
- Line
- Category
- Other
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
mastodon-fillAkar Iconsmastodon-filledAnt Design IconsmastodonBootstrap IconsmastodonBoxicons BrandsmastodonCoreUI BrandsmastodonFont Awesome 6 BrandsmastodonFont Awesome BrandsmastodonHuge IconsmastodonIconoirmastodonMaterial Line IconsmastodonSVG LogosmastodonMaterial Design Iconsmastodon-fillMingCute IconmastodonOpenMojimastodonPixelarticonsmastodon-fillRemix IconmastodonSimple Iconsmastodon-darkSkill Icons
More other icons from Line Awesome
Use the mastodon icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M15.938 4.031c-3.021.013-6.02.396-7.58 1.115c0 0-3.358 1.529-3.358 6.735c0 6.197-.005 13.98 5.563 15.484c2.131.573 3.965.697 5.439.612c2.675-.151 3.998-.971 3.998-.971l-.09-1.977s-1.734.611-3.88.541c-2.128-.075-4.369-.234-4.718-2.89a6 6 0 0 1-.046-.746c4.507 1.119 8.35.487 9.408.359c2.954-.359 5.525-2.211 5.853-3.904c.514-2.668.471-6.508.471-6.508c0-5.206-3.352-6.735-3.352-6.735c-1.645-.768-4.688-1.127-7.709-1.115zm-3.233 3.971c1.035.028 2.058.49 2.688 1.469l.609 1.035l.607-1.035c1.265-1.967 4.1-1.845 5.45-.323c1.244 1.448.966 2.383.966 8.852v.002h-2.447v-5.629c0-2.635-3.36-2.737-3.36.365V16h-2.43v-3.262c0-3.102-3.358-3.002-3.358-.367V18H8.977c0-6.474-.273-7.415.966-8.852c.68-.766 1.727-1.174 2.762-1.146"/></svg>
React
import type { SVGProps } from "react";
export function LaMastodon(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="M15.938 4.031c-3.021.013-6.02.396-7.58 1.115c0 0-3.358 1.529-3.358 6.735c0 6.197-.005 13.98 5.563 15.484c2.131.573 3.965.697 5.439.612c2.675-.151 3.998-.971 3.998-.971l-.09-1.977s-1.734.611-3.88.541c-2.128-.075-4.369-.234-4.718-2.89a6 6 0 0 1-.046-.746c4.507 1.119 8.35.487 9.408.359c2.954-.359 5.525-2.211 5.853-3.904c.514-2.668.471-6.508.471-6.508c0-5.206-3.352-6.735-3.352-6.735c-1.645-.768-4.688-1.127-7.709-1.115zm-3.233 3.971c1.035.028 2.058.49 2.688 1.469l.609 1.035l.607-1.035c1.265-1.967 4.1-1.845 5.45-.323c1.244 1.448.966 2.383.966 8.852v.002h-2.447v-5.629c0-2.635-3.36-2.737-3.36.365V16h-2.43v-3.262c0-3.102-3.358-3.002-3.358-.367V18H8.977c0-6.474-.273-7.415.966-8.852c.68-.766 1.727-1.174 2.762-1.146"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M15.938 4.031c-3.021.013-6.02.396-7.58 1.115c0 0-3.358 1.529-3.358 6.735c0 6.197-.005 13.98 5.563 15.484c2.131.573 3.965.697 5.439.612c2.675-.151 3.998-.971 3.998-.971l-.09-1.977s-1.734.611-3.88.541c-2.128-.075-4.369-.234-4.718-2.89a6 6 0 0 1-.046-.746c4.507 1.119 8.35.487 9.408.359c2.954-.359 5.525-2.211 5.853-3.904c.514-2.668.471-6.508.471-6.508c0-5.206-3.352-6.735-3.352-6.735c-1.645-.768-4.688-1.127-7.709-1.115zm-3.233 3.971c1.035.028 2.058.49 2.688 1.469l.609 1.035l.607-1.035c1.265-1.967 4.1-1.845 5.45-.323c1.244 1.448.966 2.383.966 8.852v.002h-2.447v-5.629c0-2.635-3.36-2.737-3.36.365V16h-2.43v-3.262c0-3.102-3.358-3.002-3.358-.367V18H8.977c0-6.474-.273-7.415.966-8.852c.68-.766 1.727-1.174 2.762-1.146"/></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%22M15.938%204.031c-3.021.013-6.02.396-7.58%201.115c0%200-3.358%201.529-3.358%206.735c0%206.197-.005%2013.98%205.563%2015.484c2.131.573%203.965.697%205.439.612c2.675-.151%203.998-.971%203.998-.971l-.09-1.977s-1.734.611-3.88.541c-2.128-.075-4.369-.234-4.718-2.89a6%206%200%200%201-.046-.746c4.507%201.119%208.35.487%209.408.359c2.954-.359%205.525-2.211%205.853-3.904c.514-2.668.471-6.508.471-6.508c0-5.206-3.352-6.735-3.352-6.735c-1.645-.768-4.688-1.127-7.709-1.115zm-3.233%203.971c1.035.028%202.058.49%202.688%201.469l.609%201.035l.607-1.035c1.265-1.967%204.1-1.845%205.45-.323c1.244%201.448.966%202.383.966%208.852v.002h-2.447v-5.629c0-2.635-3.36-2.737-3.36.365V16h-2.43v-3.262c0-3.102-3.358-3.002-3.358-.367V18H8.977c0-6.474-.273-7.415.966-8.852c.68-.766%201.727-1.174%202.762-1.146%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%22M15.938%204.031c-3.021.013-6.02.396-7.58%201.115c0%200-3.358%201.529-3.358%206.735c0%206.197-.005%2013.98%205.563%2015.484c2.131.573%203.965.697%205.439.612c2.675-.151%203.998-.971%203.998-.971l-.09-1.977s-1.734.611-3.88.541c-2.128-.075-4.369-.234-4.718-2.89a6%206%200%200%201-.046-.746c4.507%201.119%208.35.487%209.408.359c2.954-.359%205.525-2.211%205.853-3.904c.514-2.668.471-6.508.471-6.508c0-5.206-3.352-6.735-3.352-6.735c-1.645-.768-4.688-1.127-7.709-1.115zm-3.233%203.971c1.035.028%202.058.49%202.688%201.469l.609%201.035l.607-1.035c1.265-1.967%204.1-1.845%205.45-.323c1.244%201.448.966%202.383.966%208.852v.002h-2.447v-5.629c0-2.635-3.36-2.737-3.36.365V16h-2.43v-3.262c0-3.102-3.358-3.002-3.358-.367V18H8.977c0-6.474-.273-7.415.966-8.852c.68-.766%201.727-1.174%202.762-1.146%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/mastodon.svg?color=%231a73e8&size=48
