Cluster_role Icon SVG
Cluster_role
Cluster_role SVG Icon Code | Customize color
You can get svg icon cluster_role 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="M19,4H14.82A3,3,0,0,0,9.18,4H5A2,2,0,0,0,3,6V20a2,2,0,0,0,2,2H19a2,2,0,0,0,2-2V6A2,2,0,0,0,19,4ZM12,4a1,1,0,1,1-1,1A1,1,0,0,1,12,4Zm7,15H5V15H19Zm0-6H5V9H19Z"/><circle cx="17" cy="11" r="1"/><circle cx="14" cy="11" r="1"/><circle cx="14" cy="17" r="1"/><circle cx="17" cy="17" r="1"/><rect x="6" y="10" width="5" height="2"/><rect x="6" y="16" width="5" height="2"/></svg>
Svg Code
<svg style="color: white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19,4H14.82A3,3,0,0,0,9.18,4H5A2,2,0,0,0,3,6V20a2,2,0,0,0,2,2H19a2,2,0,0,0,2-2V6A2,2,0,0,0,19,4ZM12,4a1,1,0,1,1-1,1A1,1,0,0,1,12,4Zm7,15H5V15H19Zm0-6H5V9H19Z" fill="white"></path><circle cx="17" cy="11" r="1"></circle><circle cx="14" cy="11" r="1"></circle><circle cx="14" cy="17" r="1"></circle><circle cx="17" cy="17" r="1"></circle><rect x="6" y="10" width="5" height="2"></rect><rect x="6" y="16" width="5" height="2"></rect></svg>
Svg Code
<svg style="color: red" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19,4H14.82A3,3,0,0,0,9.18,4H5A2,2,0,0,0,3,6V20a2,2,0,0,0,2,2H19a2,2,0,0,0,2-2V6A2,2,0,0,0,19,4ZM12,4a1,1,0,1,1-1,1A1,1,0,0,1,12,4Zm7,15H5V15H19Zm0-6H5V9H19Z" fill="red"></path><circle cx="17" cy="11" r="1"></circle><circle cx="14" cy="11" r="1"></circle><circle cx="14" cy="17" r="1"></circle><circle cx="17" cy="17" r="1"></circle><rect x="6" y="10" width="5" height="2"></rect><rect x="6" y="16" width="5" height="2"></rect></svg>
Svg Code
<svg style="color: blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19,4H14.82A3,3,0,0,0,9.18,4H5A2,2,0,0,0,3,6V20a2,2,0,0,0,2,2H19a2,2,0,0,0,2-2V6A2,2,0,0,0,19,4ZM12,4a1,1,0,1,1-1,1A1,1,0,0,1,12,4Zm7,15H5V15H19Zm0-6H5V9H19Z" fill="blue"></path><circle cx="17" cy="11" r="1"></circle><circle cx="14" cy="11" r="1"></circle><circle cx="14" cy="17" r="1"></circle><circle cx="17" cy="17" r="1"></circle><rect x="6" y="10" width="5" height="2"></rect><rect x="6" y="16" width="5" height="2"></rect></svg>
Svg Code
<svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19,4H14.82A3,3,0,0,0,9.18,4H5A2,2,0,0,0,3,6V20a2,2,0,0,0,2,2H19a2,2,0,0,0,2-2V6A2,2,0,0,0,19,4ZM12,4a1,1,0,1,1-1,1A1,1,0,0,1,12,4Zm7,15H5V15H19Zm0-6H5V9H19Z" fill="#f3da35"></path><circle cx="17" cy="11" r="1"></circle><circle cx="14" cy="11" r="1"></circle><circle cx="14" cy="17" r="1"></circle><circle cx="17" cy="17" r="1"></circle><rect x="6" y="10" width="5" height="2"></rect><rect x="6" y="16" width="5" height="2"></rect></svg>
Advance Editor
You can edit cluster_role as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements