Misskey Dark icon
skill-icons:misskey-dark
The Misskey Dark icon (skill-icons:misskey-dark) 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
- misskeydark
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="#242938" 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 Dark icon
React
import { Icon } from "@iconify/react";
<Icon icon="skill-icons:misskey-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="skill-icons:misskey-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="skill-icons:misskey-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--misskey-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:misskey-dark"></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-dark"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/skill-icons/misskey-dark.svg" alt="Misskey Dark icon" width="24" height="24">Related icons in Skill Icons
Misskey Dark icon in other icon sets
Misskey Dark icon FAQ
Is the Misskey Dark 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 Dark icon in React?
Install @iconify/react and render <Icon icon="skill-icons:misskey-dark" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Misskey Dark icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/skill-icons/misskey-dark.svg" alt="Misskey Dark icon">, or paste the SVG code inline to style it with CSS.