Service_plan Icon SVG
Service_plan
Service_plan SVG Icon Code | Customize color
You can get svg icon service_plan 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"><path d="M7,2H3A1,1,0,0,0,2,3V21a1,1,0,0,0,1,1H7a1,1,0,0,0,1-1V3A1,1,0,0,0,7,2ZM5,21a2,2,0,1,1,2-2A2,2,0,0,1,5,21Zm2-9H3V3H7Z"/><circle cx="5.01" cy="19.01" r="1"/><rect x="14" y="2" width="8" height="2.02"/><rect x="10" y="2" width="2.01" height="2.02"/><rect x="14" y="6" width="8" height="2.02"/><rect x="10" y="6" width="2.01" height="2.02"/><rect x="14" y="10" width="8" height="2.02"/><rect x="10" y="10" width="2.01" height="2.02"/></svg>
Svg Code
<svg style="color: white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7,2H3A1,1,0,0,0,2,3V21a1,1,0,0,0,1,1H7a1,1,0,0,0,1-1V3A1,1,0,0,0,7,2ZM5,21a2,2,0,1,1,2-2A2,2,0,0,1,5,21Zm2-9H3V3H7Z" fill="white"></path><circle cx="5.01" cy="19.01" r="1"></circle><rect x="14" y="2" width="8" height="2.02"></rect><rect x="10" y="2" width="2.01" height="2.02"></rect><rect x="14" y="6" width="8" height="2.02"></rect><rect x="10" y="6" width="2.01" height="2.02"></rect><rect x="14" y="10" width="8" height="2.02"></rect><rect x="10" y="10" width="2.01" height="2.02"></rect></svg>
Svg Code
<svg style="color: red" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7,2H3A1,1,0,0,0,2,3V21a1,1,0,0,0,1,1H7a1,1,0,0,0,1-1V3A1,1,0,0,0,7,2ZM5,21a2,2,0,1,1,2-2A2,2,0,0,1,5,21Zm2-9H3V3H7Z" fill="red"></path><circle cx="5.01" cy="19.01" r="1"></circle><rect x="14" y="2" width="8" height="2.02"></rect><rect x="10" y="2" width="2.01" height="2.02"></rect><rect x="14" y="6" width="8" height="2.02"></rect><rect x="10" y="6" width="2.01" height="2.02"></rect><rect x="14" y="10" width="8" height="2.02"></rect><rect x="10" y="10" width="2.01" height="2.02"></rect></svg>
Svg Code
<svg style="color: blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7,2H3A1,1,0,0,0,2,3V21a1,1,0,0,0,1,1H7a1,1,0,0,0,1-1V3A1,1,0,0,0,7,2ZM5,21a2,2,0,1,1,2-2A2,2,0,0,1,5,21Zm2-9H3V3H7Z" fill="blue"></path><circle cx="5.01" cy="19.01" r="1"></circle><rect x="14" y="2" width="8" height="2.02"></rect><rect x="10" y="2" width="2.01" height="2.02"></rect><rect x="14" y="6" width="8" height="2.02"></rect><rect x="10" y="6" width="2.01" height="2.02"></rect><rect x="14" y="10" width="8" height="2.02"></rect><rect x="10" y="10" width="2.01" height="2.02"></rect></svg>
Svg Code
<svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7,2H3A1,1,0,0,0,2,3V21a1,1,0,0,0,1,1H7a1,1,0,0,0,1-1V3A1,1,0,0,0,7,2ZM5,21a2,2,0,1,1,2-2A2,2,0,0,1,5,21Zm2-9H3V3H7Z" fill="#f3da35"></path><circle cx="5.01" cy="19.01" r="1"></circle><rect x="14" y="2" width="8" height="2.02"></rect><rect x="10" y="2" width="2.01" height="2.02"></rect><rect x="14" y="6" width="8" height="2.02"></rect><rect x="10" y="6" width="2.01" height="2.02"></rect><rect x="14" y="10" width="8" height="2.02"></rect><rect x="10" y="10" width="2.01" height="2.02"></rect></svg>
Advance Editor
You can edit service_plan as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements