Semitone 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: semitone

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

React JSX

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

Vue template

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

CSS background

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

SVG markup

<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.cls-1{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;}</style></defs><path class="cls-1" d="M31.18,4.5s1.64.23,1.77,1.24c.2,1.63,1.39,4.21,3.9,8.5,2.06,3.5,2,5.21,1.77,8.24-.26,3.87-2.67,6.37-3.6,5.44-.2-.2-.1-.87.34-2.18A14.58,14.58,0,0,0,36,21.88c.1-2.77-1.5-5.24-3.37-7.45l-2.08-1.91.23,15.38c-.15,4.79-.51,5.08-2.08,6.33-1.93,1.22-3.78,2.07-6.16,1.49a2.36,2.36,0,0,1-1.66-2.5,4.53,4.53,0,0,1,2-3.8c1.92-1.64,5.94-2.33,7.93-1.52L30.45,4.5Z"/><line class="cls-1" x1="11.9" y1="21.55" x2="11.91" y2="43.5"/><line class="cls-1" x1="15.59" y1="20.2" x2="15.6" y2="42.15"/><line class="cls-1" x1="9.28" y1="28.98" x2="18.01" y2="26.25"/><line class="cls-1" x1="9.28" y1="37.28" x2="18.01" y2="34.54"/></svg>

Copied!

Semitone Icon

More from Arcticons