Negative Icon SVG
Icon Negative SVG code/vector file is given below and you can use that in websites, apps (Android/IOS), ppt, and other projects. You can use our svg code generator to edit svg icon. Icon can be customized in any color or size using color and size picker.
Negative Icon Svg Code | Path | Download
Download free Negative SVG icons in different sizes (16*16, 24*24, 32*32, 64*64 & Other). Check and download the Negative Icon SVG code in HTML/Css from below.
Negative
Negative SVG Icon Code | Customize color
You can get svg icon negative in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44ZM14 23C13.4477 23 13 23.4477 13 24C13 24.5523 13.4477 25 14 25H34C34.5523 25 35 24.5523 35 24C35 23.4477 34.5523 23 34 23H14Z" fill="#333333"/> </svg> Svg Code
<svg style='color: white' width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44ZM14 23C13.4477 23 13 23.4477 13 24C13 24.5523 13.4477 25 14 25H34C34.5523 25 35 24.5523 35 24C35 23.4477 34.5523 23 34 23H14Z" fill="#333333"/> </svg> Svg Code
<svg style='color: red' width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44ZM14 23C13.4477 23 13 23.4477 13 24C13 24.5523 13.4477 25 14 25H34C34.5523 25 35 24.5523 35 24C35 23.4477 34.5523 23 34 23H14Z" fill="#333333"/> </svg> Svg Code
<svg style='color: blue' width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44ZM14 23C13.4477 23 13 23.4477 13 24C13 24.5523 13.4477 25 14 25H34C34.5523 25 35 24.5523 35 24C35 23.4477 34.5523 23 34 23H14Z" fill="#333333"/> </svg> Svg Code
<svg style='color: #f3da35' width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44ZM14 23C13.4477 23 13 23.4477 13 24C13 24.5523 13.4477 25 14 25H34C34.5523 25 35 24.5523 35 24C35 23.4477 34.5523 23 34 23H14Z" fill="#333333"/> </svg> Advance Editor
You can edit negative as below. Change size color and background color of icon using below tool.
Advertisements
Negative Icon SVG - Faq(s)?
⭐Can I get Free Negative Icon SVG?Yes, you can get free Negative SVG icons.
⭐ How to download free Negative Icon SVG code?To download free Negative icons in SVG code click on the copy code button.
⭐How to find the Negative Icon SVG path file?You can get the Negative SVG file path from the above section.
⭐ What are the colors available for SVG Negative Icon?You can check the Negative SVG in your brand color i.e, White, Black, Blue, Red, Green, Pink & Yellow.
Advertisements