Metapost icon
file-icons:metapost
The Metapost icon (file-icons:metapost) 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="M.001 479.332V31.925C-.224 12.475 30.334-3.292 50.13 21.451l205.747 357.875L461.872 21.451C474.857.72 510.067 6.406 512 32.673v446.659c0 31.834-52.621 31.834-52.621 0V130.434L279.817 442.921c-17.186 19.224-38.17 15.077-47.633 0L52.374 130.434v348.898c0 31.881-52.373 31.881-52.373 0"/></svg>How to use the Metapost icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:metapost" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:metapost" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:metapost" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--metapost]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:metapost"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:metapost"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/metapost.svg" alt="Metapost icon" width="24" height="24">Metapost icon FAQ
Is the Metapost 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 Metapost icon in React?
Install @iconify/react and render <Icon icon="file-icons:metapost" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Metapost icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/metapost.svg" alt="Metapost icon">, or paste the SVG code inline to style it with CSS.