Milky Way icon
twemoji:milky-way
The Milky Way icon (twemoji:milky-way) is a free SVG icon from the Twitter Emoji set by Twitter. It is drawn on a 36 × 36 grid. Twitter Emoji icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Twitter Emoji
- Author
- Twitter
- License
- CC-BY-4.0
- Size
- 36 × 36
- Category
- Travel & Places
- Tags
- milkyway
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#553788" d="M36 32a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4z"/><path fill="#744eaa" d="M32 0H19.244c-4.687 1.656.803 8.995-3.502 8.469C8.583 7.594 8.063 14.555 5 13.438c-1.192-.436-3.257-2.491-5-.991V32a4 4 0 0 0 4 4h1.624c1.469-1.279.927-5.622 1.709-6.75c2.834-4.084 3.695-7.482 7.901-7.188c7.125.5 8.453-4.853 10.705-7.187C28.187 12.541 32 16.417 36 14.667V4a4 4 0 0 0-4-4"/><path fill="#292f33" d="M36 32v-2.966c-.77-.84-1.917-1.784-2.583-1.7c-1.276.161-2.042 1.166-2.917 1.853s-2.979.272-4.667-.853s-3.998-.106-5.127.466c-1.873.95-2.498-1.883-4.373-3.133S11.625 28.5 10.5 29.25s-2.463-1.18-3.275-1.742c-.813-.563-1.892-.486-3.392.826c-1.287 1.126-1.795.895-3.833 1.545V32a4 4 0 0 0 4 4h28a4 4 0 0 0 4-4"/><path fill="#aa8dd8" d="M7.333 15.667a1.167 1.167 0 1 1-2.334 0a1.167 1.167 0 0 1 2.334 0m8.605-4.636a1.094 1.094 0 1 1-2.189 0a1.094 1.094 0 0 1 2.189 0m7.374-5.719a1.312 1.312 0 1 1-2.624 0a1.312 1.312 0 0 1 2.624 0m1.876 3.407a.78.78 0 1 1-1.562 0a.78.78 0 0 1 1.562 0M19.75 19.75a1 1 0 1 1-2 0a1 1 0 1 1 2 0m12.188.672a.937.937 0 1 1-1.874 0a.937.937 0 0 1 1.874 0m.75-9.516a1.156 1.156 0 1 1-2.312 0a1.156 1.156 0 0 1 2.312 0"/><path fill="#cbb7ea" d="M22.281 23.728a.656.656 0 1 1-1.311 0a.656.656 0 0 1 1.311 0M12.562 2.562a.812.812 0 1 1-1.624 0a.812.812 0 0 1 1.624 0M5.606 5.938a.672.672 0 1 1-1.344 0a.672.672 0 0 1 1.344 0m23.113 20.07a.81.81 0 0 1-.812.812a.81.81 0 1 1 0-1.623a.81.81 0 0 1 .812.811m-21.851-.511a.934.934 0 1 1-1.868 0a.934.934 0 0 1 1.868 0M11 18.781a1.469 1.469 0 1 1-2.938 0a1.469 1.469 0 0 1 2.938 0m9.351-3.981a1.675 1.675 0 1 1-3.35 0a1.675 1.675 0 0 1 3.35 0m8.337-10.331a.72.72 0 1 1-1.438 0a.72.72 0 0 1 1.438 0M34.312 3a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/><path fill="#f5f8fa" d="M11.333 7.562a.896.896 0 1 1-1.792 0a.896.896 0 0 1 1.792 0m22.979 8.094a.78.78 0 1 1-1.562 0a.78.78 0 0 1 1.562 0m-8.624-2.125a.687.687 0 1 1-1.374 0a.687.687 0 0 1 1.374 0m-13.157 1.188a.594.594 0 1 1-1.188 0a.594.594 0 0 1 1.188 0M22.75 11.24a1.156 1.156 0 1 1-2.312 0a1.156 1.156 0 0 1 2.312 0m6.125-3.084a.97.97 0 1 1-1.938 0a.97.97 0 0 1 1.938 0m-12.641 9.93a1.336 1.336 0 1 1-2.672 0a1.336 1.336 0 0 1 2.672 0M2.633 24.129a.88.88 0 1 1-1.76-.001a.88.88 0 0 1 1.76.001M6 21.079a.648.648 0 1 1-1.297-.001a.648.648 0 0 1 1.297.001M32.156 5.75a.811.811 0 1 1-1.625 0a.812.812 0 1 1 1.625 0"/></svg>
How to use the Milky Way icon
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:milky-way" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:milky-way" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:milky-way" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--milky-way]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:milky-way"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:milky-way"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/twemoji/milky-way.svg" alt="Milky Way icon" width="24" height="24">
Milky Way icon in other icon sets
Milky Way icon FAQ
Is the Milky Way icon free for commercial use?
Yes. Twitter Emoji icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Milky Way icon in React?
Install @iconify/react and render <Icon icon="twemoji:milky-way" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Milky Way icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/twemoji/milky-way.svg" alt="Milky Way icon">, or paste the SVG code inline to style it with CSS.
Browse all Twitter Emoji icons →
ICONYZ
