Color

Advanced editing in SVG Editor

Carbon Icons

Piano Icon

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

Download SVG

Collection: Carbon Icons
Format: SVG, React, Angular, Vue, Web Component, PNG
License: Apache-2.0 - Free for commercial use
Tags: piano

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

React JSX

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

Vue template

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

CSS background

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

SVG markup

<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 29.1.0, SVG Export Plug-In . SVG Version: 9.03 Build 55587)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
<path id="piano_00000160164926859014674190000005563323926787488677_" d="M31.064,13.646l-7.996-1.45
	C21.839,11.958,21.36,11.062,21.36,9c0-4.61-3.751-8.36-8.36-8.36H9C4.39,0.64,0.64,4.39,0.64,9v22c0,0.199,0.161,0.36,0.36,0.36h30
	c0.199,0,0.36-0.161,0.36-0.36V14C31.36,13.826,31.235,13.677,31.064,13.646z M3.64,30.64H1.36v-6.28H3V28h0.64
	C3.64,28,3.64,30.64,3.64,30.64z M6.64,30.64H4.36V28H5v-3.64h1V28h0.64V30.64z M9.64,30.64H7.36V28H8v-3.64h1.64V30.64z
	 M12.64,30.64h-2.28v-6.28H12V28h0.64V30.64z M15.64,30.64h-2.28V28H14v-3.64h1V28h0.64V30.64z M18.64,30.64h-2.28V28H17v-3.64h1V28
	h0.64V30.64z M21.64,30.64h-2.28V28H20v-3.64h1.64V30.64z M24.64,30.64h-2.28v-6.28H24V28h0.64V30.64z M27.64,30.64h-2.28V28H26
	v-3.64h1V28h0.64V30.64z M30.64,30.64h-2.28V28H29v-3.64h1.64V30.64z M30.64,23.64H1.36V9c0-4.213,3.427-7.64,7.64-7.64h4
	c4.213,0,7.64,3.427,7.64,7.64c0,1.71,0.272,3.512,2.296,3.904l7.704,1.397V23.64z"/>
<rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/>
</svg>

Piano in other icon packs

Tabler Icons Outline

Lucide Icons

Hicon

EOS Icons

Custom Brand Icons Brand

css.gg

IconPark

Qlementine Icons

Copied!

Piano Icon

More from Carbon Icons

Piano in other icon packs