Mastodon Light icon
skill-icons:mastodon-light
The Mastodon Light icon (skill-icons:mastodon-light) is a free SVG icon from the Skill Icons set by tandpfun. It is drawn on a 256 × 256 grid. Skill 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
- Skill Icons
- Author
- tandpfun
- License
- MIT
- Size
- 256 × 256
- Tags
- mastodonlight
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#f4f2ed" 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>How to use the Mastodon Light icon
React
import { Icon } from "@iconify/react";
<Icon icon="skill-icons:mastodon-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="skill-icons:mastodon-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="skill-icons:mastodon-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--mastodon-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:mastodon-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="skill-icons:mastodon-light"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/skill-icons/mastodon-light.svg" alt="Mastodon Light icon" width="24" height="24">Related icons in Skill Icons
Mastodon Light icon in other icon sets
Mastodon Light icon FAQ
Is the Mastodon Light icon free for commercial use?
Yes. Skill Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Mastodon Light icon in React?
Install @iconify/react and render <Icon icon="skill-icons:mastodon-light" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Mastodon Light icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/skill-icons/mastodon-light.svg" alt="Mastodon Light icon">, or paste the SVG code inline to style it with CSS.