Mruby icon

file-icons:mruby

The Mruby icon (file-icons:mruby) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 460 × 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: 460 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="460" height="512" viewBox="0 0 460 512"><path fill="currentColor" d="M455.98 177.985L350.366 17.593c-4.2-8.32-21.738-21.686-52.317-14.313c-23.35-7.143-55.128-2.631-72.092 13.649L139.52 33.293c-26.03-5.68-51.06-.434-66.466 12.583l-44.347 8.396C11.375 57.702 0 69.213 0 83.326l12.402 240.43c.215 3.781 1.035 7.406 2.973 10.777l86.217 160.705c8.918 15.792 32.557 18.474 46.722 15.917l267.652-63.893c17.066-3.488 28.214-14.715 28.16-28.219l15.534-229.382c-.39-3.864-1.402-7.77-3.68-11.676M252.93 19.073c28.974-9.677 65.386 2.485 65.386 21.838s-36.412 31.514-65.385 21.837s-28.973-33.999 0-43.675m123.763 111.171c0 20.612-38.745 33.564-69.574 23.258s-30.829-36.21 0-46.516s69.574 2.646 69.574 23.258M97.738 49.992c28.972-9.705 65.385 2.492 65.385 21.901S126.71 103.5 97.738 93.795s-28.973-34.099 0-43.803m121.978 109.14c0 20.604-38.745 33.552-69.574 23.25s-30.829-36.197 0-46.5c30.829-10.301 69.574 2.646 69.574 23.25m131.583 148.62l-7.578 106.674l-104.35 7.23l16.418-54.358l54.397 17.547l-14.285-55.906l52.144-2.82l-40.738-33.405l-11.406 36.222l-40.112 38.354l-36.164 8.149l19.652 46.218c-12.483.384-30.679-4.213-28.905-27.992l1.89-40.613c.185-21.384 45.709-70.065 76.108-72.217l32.101-.39c24.986-1.12 31.742 14.748 30.828 27.307m77.014-104.1L145.06 259.73c-12.336 2.441-25.789-1.383-30.042-8.535L17.293 86.944C13.05 79.81 19.6 72.034 31.937 69.596l29.247-5.539a30.6 30.6 0 0 0-.986 8.402V99.49c.761 26.05 29.11 40.447 57.068 40.778c-4.068 5.906-6.198 12.535-6.045 19.444v28.75c2.072 54.698 120.79 58.757 123.213-.505v-28.749c-1.408-24.113-23.263-40.87-60.522-42.59c3.622-5.475 5.566-11.57 5.566-17.913V71.67c0-10.111-5.535-19.91-14.904-27.193l51.405-9.735a30.6 30.6 0 0 0-.584 6.655l-.008 27.027c.663 24.986 28.743 41.052 60.46 40.804c-5.116 6.428-7.814 13.842-7.644 21.61l-.008 28.753c1.868 53.636 120.84 58.963 122.431-.508v-28.75c.439-24.58-29.495-44.535-64.729-42.499c4.246-6.009 6.43-12.91 6.43-19.996v-27.23c0-8.298-3.182-16.385-9.347-23.043c6.539 1.39 12.015 4.403 14.475 8.387l105.448 160.334c4.254 7.156-2.3 14.933-14.59 17.367"/></svg>

How to use the Mruby icon

React

import { Icon } from "@iconify/react";

<Icon icon="file-icons:mruby" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="file-icons:mruby" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="file-icons:mruby" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--mruby]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:mruby"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="file-icons:mruby"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/mruby.svg" alt="Mruby icon" width="24" height="24">

Mruby icon FAQ

Is the Mruby 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 Mruby icon in React?

Install @iconify/react and render <Icon icon="file-icons:mruby" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Mruby icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/mruby.svg" alt="Mruby icon">, or paste the SVG code inline to style it with CSS.

Browse all File Icons →