Background_tasks Icon SVG
Background_tasks
Background_tasks SVG Icon Code | Customize color
You can get svg icon background_tasks in blue, white, red color and transparent color from below list. You can also customize color using color picker.
Svg Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="6" y="3" width="8.99" height="1.5"/><rect x="2.99" y="6" width="1.5" height="1.5"/><rect x="2.99" y="3" width="1.5" height="1.5"/><rect x="2.99" y="9.01" width="1.51" height="1.5"/><path d="M4.5,12h-3V1.49h15V6H18V2a2,2,0,0,0-2-2H2A2,2,0,0,0,0,2v9.48a2,2,0,0,0,2,2H4.5Z"/><path d="M22,7.5H8a2,2,0,0,0-2,2V19a2,2,0,0,0,2,2h5.53v1.53H12V24h6V22.51H16.5V21H22a2,2,0,0,0,2-2V9.5A2,2,0,0,0,22,7.5Zm.51,12h-15V9h15Z"/></svg>
Svg Code
<svg style="color: white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="6" y="3" width="8.99" height="1.5"></rect><rect x="2.99" y="6" width="1.5" height="1.5"></rect><rect x="2.99" y="3" width="1.5" height="1.5"></rect><rect x="2.99" y="9.01" width="1.51" height="1.5"></rect><path d="M4.5,12h-3V1.49h15V6H18V2a2,2,0,0,0-2-2H2A2,2,0,0,0,0,2v9.48a2,2,0,0,0,2,2H4.5Z" fill="white"></path><path d="M22,7.5H8a2,2,0,0,0-2,2V19a2,2,0,0,0,2,2h5.53v1.53H12V24h6V22.51H16.5V21H22a2,2,0,0,0,2-2V9.5A2,2,0,0,0,22,7.5Zm.51,12h-15V9h15Z" fill="white"></path></svg>
Svg Code
<svg style="color: red" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="6" y="3" width="8.99" height="1.5"></rect><rect x="2.99" y="6" width="1.5" height="1.5"></rect><rect x="2.99" y="3" width="1.5" height="1.5"></rect><rect x="2.99" y="9.01" width="1.51" height="1.5"></rect><path d="M4.5,12h-3V1.49h15V6H18V2a2,2,0,0,0-2-2H2A2,2,0,0,0,0,2v9.48a2,2,0,0,0,2,2H4.5Z" fill="red"></path><path d="M22,7.5H8a2,2,0,0,0-2,2V19a2,2,0,0,0,2,2h5.53v1.53H12V24h6V22.51H16.5V21H22a2,2,0,0,0,2-2V9.5A2,2,0,0,0,22,7.5Zm.51,12h-15V9h15Z" fill="red"></path></svg>
Svg Code
<svg style="color: blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="6" y="3" width="8.99" height="1.5"></rect><rect x="2.99" y="6" width="1.5" height="1.5"></rect><rect x="2.99" y="3" width="1.5" height="1.5"></rect><rect x="2.99" y="9.01" width="1.51" height="1.5"></rect><path d="M4.5,12h-3V1.49h15V6H18V2a2,2,0,0,0-2-2H2A2,2,0,0,0,0,2v9.48a2,2,0,0,0,2,2H4.5Z" fill="blue"></path><path d="M22,7.5H8a2,2,0,0,0-2,2V19a2,2,0,0,0,2,2h5.53v1.53H12V24h6V22.51H16.5V21H22a2,2,0,0,0,2-2V9.5A2,2,0,0,0,22,7.5Zm.51,12h-15V9h15Z" fill="blue"></path></svg>
Svg Code
<svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="6" y="3" width="8.99" height="1.5"></rect><rect x="2.99" y="6" width="1.5" height="1.5"></rect><rect x="2.99" y="3" width="1.5" height="1.5"></rect><rect x="2.99" y="9.01" width="1.51" height="1.5"></rect><path d="M4.5,12h-3V1.49h15V6H18V2a2,2,0,0,0-2-2H2A2,2,0,0,0,0,2v9.48a2,2,0,0,0,2,2H4.5Z" fill="#f3da35"></path><path d="M22,7.5H8a2,2,0,0,0-2,2V19a2,2,0,0,0,2,2h5.53v1.53H12V24h6V22.51H16.5V21H22a2,2,0,0,0,2-2V9.5A2,2,0,0,0,22,7.5Zm.51,12h-15V9h15Z" fill="#f3da35"></path></svg>
Advance Editor
You can edit background_tasks as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements