Color

Advanced editing in SVG Editor

VS Code Codicons

Ruby Icon

Free SVG icon from the VS Code Codicons collection. Download or copy for use in any project.

Download SVG

Collection: VS Code Codicons
Format: SVG, Font (WOFF2), npm, PNG
License: CC BY 4.0 - Free for commercial use
Tags: ruby

The Ruby icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/307379.svg" alt="Ruby icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/307379.svg" alt="Ruby icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/307379.svg"
  alt="Ruby icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-ruby {
  background-image: url('https://proicons.com/icon/307379.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M3.5 2C3.31062 2 3.13749 2.107 3.05279 2.27639L1.05279 6.27639C0.96496 6.45206 0.988101 6.66287 1.11195 6.8153L7.61195 14.8153C7.70689 14.9322 7.84944 15 8 15C8.15057 15 8.29312 14.9322 8.38806 14.8153L14.8881 6.8153C15.0119 6.66287 15.035 6.45206 14.9472 6.27639L12.9472 2.27639C12.8625 2.107 12.6894 2 12.5 2H3.5ZM2.30902 6L3.80902 3H5.85972L5.10972 6H2.30902ZM2.55049 7H5.13251L6.74627 12.164L2.55049 7ZM6.1802 7H9.81985L8.00002 12.8234L6.1802 7ZM10.8675 7H13.4495L9.25381 12.164L10.8675 7ZM13.691 6H10.8903L10.1403 3H12.191L13.691 6ZM9.85956 6H6.14049L6.89049 3H9.10956L9.85956 6Z"/></svg>

Ruby in other icon packs

Techicons

Catppuccin Icons

Ant Design Icons Outline

SVGL

Copied!

Ruby Icon

More from VS Code Codicons

Ruby in other icon packs