Aniyomi Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Aniyomi 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/321820.svg" alt="Aniyomi icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/321820.svg" alt="Aniyomi icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/321820.svg" alt="Aniyomi icon" :width="24" :height="24" />
CSS background
.icon-aniyomi {
background-image: url('https://proicons.com/icon/321820.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 25.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<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 48 48" fill="#ffffff" xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:90;}
</style>
<g>
<path class="st0" d="M24,2.5c11.9,0,21.5,9.6,21.5,21.5S35.9,45.5,24,45.5S2.5,35.9,2.5,24S12.1,2.5,24,2.5z"/>
<path class="st0" d="M24,7c9.4,0,17,7.6,17,17s-7.6,17-17,17S7,33.4,7,24S14.6,7,24,7z"/>
<path class="st0" d="M32.7,25.3c0.7-0.2,1.2-0.9,1-1.6c-0.1-0.5-0.5-0.9-1-1l-13.6-7.8c-0.7-0.2-1.4,0.2-1.6,0.9
c0,0.1-0.1,0.3-0.1,0.5v15.6c0,0.7,0.5,1.3,1.2,1.4c0.2,0,0.3,0,0.5-0.1L32.7,25.3z"/>
</g>
</svg>
Copied!