Rum icon

logos:rum

The Rum icon (logos:rum) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 197 grid. SVG Logos icons are released under the CC0 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: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 197

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="197" viewBox="0 0 512 197"><defs><linearGradient id="SVG4LWXBbid" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#883030"/><stop offset="100%" stop-color="#ff6565"/></linearGradient></defs><path fill="url(#SVG4LWXBbid)" d="M384.588 0h5.32c20.442 27.262 32.534 61.025 32.534 97.584c0 36.569-12.098 70.34-32.549 97.605l-.622.824h-5.347c21.485-27.123 34.294-61.296 34.294-98.429c0-36.38-12.296-69.92-33-96.772zh5.32zM123.781 0h5.32c-21.084 26.986-33.63 60.836-33.63 97.584c0 36.761 12.555 70.622 33.653 97.613l.642.816h-5.347c-20.827-27.408-33.171-61.49-33.171-98.429c0-36.194 11.851-69.646 31.922-96.764zh5.32zM76.04 27.881L5.992 98.007l70.048 70.125h-5.992L0 98.007L70.048 27.88zm365.912 0L512 98.007l-70.048 70.125h-5.992l70.048-70.125L435.96 27.88zm-207.026 0v112.3q0 11.617 5.728 17.425q5.73 5.81 14.079 5.809t14.078-5.809t5.729-17.426V27.881h4.272v112.88q0 12.78-7.38 20.137q-6.407 6.39-16.7 6.39q-10.29 0-16.7-6.39q-3.495-3.485-5.437-8.52q-1.941-5.034-1.942-11.617V27.881zm-55.466 0q4.268 0 8.827.967q4.56.968 8.343 4.74q3.783 3.77 6.111 11.12t2.328 20.117q0 8.897-1.358 15.183q-1.357 6.286-3.783 10.348t-5.723 6.287a19.6 19.6 0 0 1-7.179 2.998l22.505 65.956h-5.044l-22.117-65.183h-20.953v65.183h-4.268V27.881zm129.813 0l25.054 84.576l24.879-84.576h4.27v137.716h-4.27V44.362l-23.132 75.445h-3.494l-23.307-75.445v121.235h-4.27V27.881zm-129.62 3.869h-18.236v64.796h18.237q10.864 0 16.006-7.253q5.14-7.254 5.14-24.468q0-17.409-4.752-25.242q-4.754-7.833-16.394-7.833"/></svg>

How to use the Rum icon

React

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

<Icon icon="logos:rum" width="24" />

Vue

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

<template>
  <Icon icon="logos:rum" width="24" />
</template>

Svelte

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

<Icon icon="logos:rum" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--rum]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="logos:rum"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/rum.svg" alt="Rum icon" width="24" height="24">

Rum icon FAQ

Is the Rum icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Rum icon in React?

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

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

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

Browse all SVG Logos icons →