Ruffle Icon

Free SVG icon from the Arcticons collection. Download or copy for use in any project.

Download SVG

Collection: Arcticons
Format: SVG, PNG
License: CC BY-SA 4.0 - Free for commercial use
Tags: ruffle

The Ruffle 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/346831.svg" alt="Ruffle icon" width="24" height="24">

React JSX

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

Vue template

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

CSS background

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

SVG markup

<?xml version="1.0" encoding="UTF-8"?><svg id="b" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.e{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;}</style></defs><path id="c" class="e" d="M10.473,20.4357l-3.179,22.0643h8.9163l3.6773-25.523h-5.4218c-2.0057,0-3.7067,1.4735-3.9928,3.4587Z"/><path id="d" class="e" d="M16.8349,9.6504l-.9441,6.5486,3.9968.7781-.8927,6.2081h1.3131c2.0056,0,3.7066-1.4736,3.9924-3.4588l.8616-5.9844h5.9979l-1.1193,7.7833h8.9163l1.7114-11.8748c.3156-2.1896-1.3829-4.1504-3.5951-4.1504h-15.4465c-2.4069,0-4.4482,1.7682-4.7917,4.1504Z"/></svg>

Copied!

Ruffle Icon

More from Arcticons