Finch Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Finch 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/340422.svg" alt="Finch icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/340422.svg" alt="Finch icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/340422.svg" alt="Finch icon" :width="24" :height="24" />
CSS background
.icon-finch {
background-image: url('https://proicons.com/icon/340422.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"/><ellipse class="a" cx="16.0196" cy="25.9258" rx="2.5984" ry="3.4111" transform="translate(-6.1642 5.0296) rotate(-15)"/><ellipse class="a" cx="33.018" cy="21.3711" rx="2.5984" ry="3.4111" transform="translate(-4.4062 9.2739) rotate(-15)"/><path class="a" d="M4.8691,33.811S2.8544,24.0911,9.28,20.377s7.5241,2.5611,14.53.2179c5.8314-1.95,4.0134-6.1858,10.282-7.3014,7.8219-1.392,11.208,7.7782,11.208,7.7782"/><circle class="a" cx="12.997" cy="35.534" r="4.1267"/><circle class="a" cx="40.02" cy="28.243" r="4.1267"/><path class="a" d="M24.031,32.118s.7414-8.4482,6.6351-2.2273C30.6661,29.8907,29.8055,32.0971,24.031,32.118Z"/><path class="a" d="M25.119,32.086s1.3481,2.4318,2.7824,2.03,1.9388-1.9308,2.03-3.3991"/></svg>
More from Arcticons
View all
Finch in other icon packs
Copied!