Tonality Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Tonality 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/348655.svg" alt="Tonality icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/348655.svg" alt="Tonality icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/348655.svg" alt="Tonality icon" :width="24" :height="24" />
CSS background
.icon-tonality {
background-image: url('https://proicons.com/icon/348655.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.a{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;}</style></defs><circle class="a" cx="24" cy="24" r="21.5"/><polyline class="a" points="24 2.5 24 29.481 17.607 29.481 17.607 3.467"/><polyline class="a" points="44.794 29.481 39.645 29.481 39.645 9.253"/><polyline class="a" points="12.981 5.535 12.981 29.481 6.589 29.481 6.589 11.385"/><line class="a" x1="20.8037" y1="29.4813" x2="20.8037" y2="45.2634"/><line class="a" x1="9.785" y1="40.1298" x2="9.785" y2="29.4813"/><line class="a" x1="31.8224" y1="3.9681" x2="31.8224" y2="44.0318"/><line class="a" x1="42.8411" y1="29.4813" x2="42.8411" y2="34.3643"/></svg>
Tonality in other icon packs
Copied!