Zoom Fill Icon SVG
Zoom Fill
Zoom fill SVG Icon Code | Customize color
You can get svg icon zoom fill in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM6 16.2H15V9.6C15 8.6058 14.1942 7.8 13.2 7.8H4.2V14.4C4.2 15.3942 5.0058 16.2 6 16.2ZM16.2 13.8L19.8 16.2V7.8L16.2 10.2V13.8Z" fill="black"/> </svg> Svg Code
<svg style="color: white" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM6 16.2H15V9.6C15 8.6058 14.1942 7.8 13.2 7.8H4.2V14.4C4.2 15.3942 5.0058 16.2 6 16.2ZM16.2 13.8L19.8 16.2V7.8L16.2 10.2V13.8Z" fill="white"></path> </svg> Svg Code
<svg style="color: red" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM6 16.2H15V9.6C15 8.6058 14.1942 7.8 13.2 7.8H4.2V14.4C4.2 15.3942 5.0058 16.2 6 16.2ZM16.2 13.8L19.8 16.2V7.8L16.2 10.2V13.8Z" fill="red"></path> </svg> Svg Code
<svg style="color: blue" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM6 16.2H15V9.6C15 8.6058 14.1942 7.8 13.2 7.8H4.2V14.4C4.2 15.3942 5.0058 16.2 6 16.2ZM16.2 13.8L19.8 16.2V7.8L16.2 10.2V13.8Z" fill="blue"></path> </svg> Svg Code
<svg style="color: #f3da35" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM6 16.2H15V9.6C15 8.6058 14.1942 7.8 13.2 7.8H4.2V14.4C4.2 15.3942 5.0058 16.2 6 16.2ZM16.2 13.8L19.8 16.2V7.8L16.2 10.2V13.8Z" fill="#f3da35"></path> </svg> Advance Editor
You can edit zoom fill as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements