Cil Building Icon SVG
Cil Building
Cil building SVG Icon Code | Customize color
You can get svg icon cil building in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="var(--ci-primary-color, currentColor)" d="M440,464V16H72V464H16v32H496V464Zm-32,0H272V400H240v64H104V48H408Z" class="ci-primary"/> <rect width="32" height="32" x="160" y="304" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="240" y="304" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="320" y="304" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="160" y="208" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="240" y="208" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="320" y="208" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="160" y="112" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="240" y="112" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="320" y="112" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> </svg> Svg Code
<svg style="color: white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="white" d="M440,464V16H72V464H16v32H496V464Zm-32,0H272V400H240v64H104V48H408Z" class="ci-primary"></path> <rect width="32" height="32" x="160" y="304" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="240" y="304" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="320" y="304" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="160" y="208" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="240" y="208" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="320" y="208" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="160" y="112" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="240" y="112" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="320" y="112" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> </svg> Svg Code
<svg style="color: red" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="red" d="M440,464V16H72V464H16v32H496V464Zm-32,0H272V400H240v64H104V48H408Z" class="ci-primary"></path> <rect width="32" height="32" x="160" y="304" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="240" y="304" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="320" y="304" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="160" y="208" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="240" y="208" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="320" y="208" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="160" y="112" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="240" y="112" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="320" y="112" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> </svg> Svg Code
<svg style="color: blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="blue" d="M440,464V16H72V464H16v32H496V464Zm-32,0H272V400H240v64H104V48H408Z" class="ci-primary"></path> <rect width="32" height="32" x="160" y="304" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="240" y="304" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="320" y="304" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="160" y="208" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="240" y="208" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="320" y="208" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="160" y="112" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="240" y="112" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="320" y="112" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> </svg> Svg Code
<svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="#f3da35" d="M440,464V16H72V464H16v32H496V464Zm-32,0H272V400H240v64H104V48H408Z" class="ci-primary"></path> <rect width="32" height="32" x="160" y="304" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="240" y="304" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="320" y="304" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="160" y="208" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="240" y="208" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="320" y="208" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="160" y="112" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="240" y="112" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="320" y="112" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> </svg> Advance Editor
You can edit cil building as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements