Melpa icon
file-icons:melpa
The Melpa icon (file-icons:melpa) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC 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
- File Icons
- Author
- John Gardner
- License
- ISC
- Size
- 512 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M93.85 87.624L452.561 55.27V10.735L54.224 46.682v309.626l39.625 5.1zm0 293.866l-59.96-7.655V137.511L0 140.61v309.63l395.21 51.026v-29.65L93.85 432.978zm19.812-275.665v309.626L512 466.477V69.876zm211.563 177.653l38.043-125.66c.709-3.315 2.956-5.208 6.75-5.208h53.627c4.974 0 8.583 3.823 8.583 8.797v213.54c0 4.976-3.609 8.116-8.583 8.116H394.51c-4.974 0-7.641-3.14-7.641-8.116v-171.84l-37.484 122.255c-1.42 4.74-4.385 6.605-8.88 6.605h-29.849c-4.5 0-7.46-1.686-8.88-6.427l-37.433-120.227v169.634c-.213 6.9-3.331 7.93-8.403 8.116h-29.135c-4.974 0-7.822-3.14-7.822-8.116v-213.54c0-4.974 2.849-8.797 7.822-8.797h53.985c3.312 0 5.563 1.893 6.75 5.207z"/></svg>How to use the Melpa icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:melpa" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:melpa" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:melpa" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--melpa]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:melpa"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:melpa"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/melpa.svg" alt="Melpa icon" width="24" height="24">Melpa icon FAQ
Is the Melpa icon free for commercial use?
Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.
How do I use the Melpa icon in React?
Install @iconify/react and render <Icon icon="file-icons:melpa" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Melpa icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/melpa.svg" alt="Melpa icon">, or paste the SVG code inline to style it with CSS.