Misskey Light icon
skill-icons:misskey-light
The Misskey Light icon (skill-icons:misskey-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
- misskeylight
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="#86b300" d="M50.232 54q-4.53 0-8.627 1.54q-7.332 2.638-12.076 9.453q-4.53 6.597-4.529 14.73v96.301q0 10.553 7.332 18.248q7.548 7.475 17.9 7.475q10.566 0 17.899-7.475q7.547-7.695 7.548-18.248v-17.512c.054-3.793 3.886-2.798 5.823 0c3.627 6.404 11.317 11.904 20.271 11.873c8.953-.032 16.39-4.545 20.271-11.873c1.47-1.768 5.614-4.78 6.039 0v17.512q0 10.553 7.332 18.248q7.547 7.475 17.899 7.475q10.567 0 17.899-7.475q7.548-7.695 7.548-18.248v-96.3q0-8.135-4.744-14.73q-4.529-6.816-11.861-9.455Q157.843 54 153.53 54q-11.645 0-19.625 9.235l-25.606 30.551c-.575.44-2.48 3.802-6.527 3.802c-4.046 0-5.735-3.362-6.31-3.802L69.639 63.235Q61.877 54 50.232 54m159.555 0q-9.058 0-15.527 6.596q-6.254 6.375-6.254 15.61t6.254 15.83q6.469 6.375 15.527 6.376q9.057 0 15.527-6.376q6.47-6.596 6.47-15.83t-6.47-15.61Q218.844 54 209.787 54m.215 48.809q-9.057 0-15.527 6.596t-6.469 15.83v54.305q0 9.234 6.469 15.83q6.47 6.376 15.527 6.376t15.312-6.376q6.47-6.596 6.47-15.83v-54.305q0-9.234-6.47-15.83q-6.255-6.596-15.312-6.596"/></g></svg>How to use the Misskey Light icon
React
import { Icon } from "@iconify/react";
<Icon icon="skill-icons:misskey-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="skill-icons:misskey-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="skill-icons:misskey-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--misskey-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:misskey-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:misskey-light"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/skill-icons/misskey-light.svg" alt="Misskey Light icon" width="24" height="24">Related icons in Skill Icons
Misskey Light icon in other icon sets
Misskey Light icon FAQ
Is the Misskey 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 Misskey Light icon in React?
Install @iconify/react and render <Icon icon="skill-icons:misskey-light" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Misskey Light icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/skill-icons/misskey-light.svg" alt="Misskey Light icon">, or paste the SVG code inline to style it with CSS.