Jruby icon

logos:jruby

The Jruby icon (logos:jruby) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 257 × 183 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: 257 × 183

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="257" height="183" viewBox="0 0 257 183"><path fill="#4a0000" d="m253.011 117.358l-18.349-6.48l-2.224-13.43a4.58 4.58 0 0 0-3.035-3.588a4.61 4.61 0 0 0-4.592.968l-22.715 20.981l-12.525-26.841c15.612-24.514 23.184-48.918 23.739-50.75a4.6 4.6 0 0 0-1.385-4.789a4.59 4.59 0 0 0-4.932-.688L171.151 49.46l-6.481-13.905l12.462-28.726a4.55 4.55 0 0 0-1.01-5.091a4.57 4.57 0 0 0-5.128-.877L2.717 79.34a4.58 4.58 0 0 0-2.655 4.017a4.6 4.6 0 0 0 2.405 4.164l30.626 16.536l23.679 50.785a4.62 4.62 0 0 0 2.577 2.36l69.452 25.344a4.6 4.6 0 0 0 1.572.281c.655 0 1.318-.147 1.929-.427l121.13-56.58a4.58 4.58 0 0 0 2.622-4.372a4.56 4.56 0 0 0-3.043-4.09"/><path fill="#ca1f27" d="m226.066 115.042l-1.274-7.732l-18.636 17.22l5.109 10.949l28.16-13.21l-10.365-3.659a4.61 4.61 0 0 1-2.994-3.568"/><path fill="#ffd440" d="m40.106 97.435l-25.37-13.698l15.616-7.236z"/><path fill="#ca1f27" d="M176.644 91.549c.067-.097.134-.181.205-.276c11.862-16.698 19.854-34.718 24.085-45.601l-90.36 42.136a4.61 4.61 0 0 1-4.272-.214a4.6 4.6 0 0 1-2.238-3.643c-.008-.203-1.43-19.845-12.451-26.746c-5.15-3.229-11.996-3.149-20.301.22L30.344 76.519l33.929 72.738l65.876 24.047l65.988-30.76c-4.317-6.288-13.903-18.933-26.711-28.005c-10.048 10.076-21.906 18.421-35.716 22.752a4.6 4.6 0 0 1-1.367.209a4.58 4.58 0 0 1-4.362-3.214a4.56 4.56 0 0 1 2.995-5.727s24.718-6.296 45.668-37.01"/><path fill="#4a0000" d="M63.863 74.931c-5.69-2.071-11.996.862-14.059 6.554c-2.074 5.693.864 11.987 6.551 14.051c5.695 2.08 11.992-.853 14.063-6.555c2.063-5.686-.864-11.979-6.555-14.05"/></svg>

How to use the Jruby icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Jruby icon FAQ

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

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

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

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

Browse all SVG Logos icons →