Cil Header Icon SVG
Cil Header
Cil header SVG Icon Code | Customize color
You can get svg icon cil header 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="M16,496H496V16H16ZM48,48H464V464H48Z" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="288 144 320 144 320 240 192 240 192 144 224 144 224 112 96 112 96 144 128 144 128 368 96 368 96 400 224 400 224 368 192 368 192 272 320 272 320 368 288 368 288 400 416 400 416 368 384 368 384 144 416 144 416 112 288 112 288 144" 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="M16,496H496V16H16ZM48,48H464V464H48Z" class="ci-primary"></path> <polygon fill="var(--ci-primary-color, currentColor)" points="288 144 320 144 320 240 192 240 192 144 224 144 224 112 96 112 96 144 128 144 128 368 96 368 96 400 224 400 224 368 192 368 192 272 320 272 320 368 288 368 288 400 416 400 416 368 384 368 384 144 416 144 416 112 288 112 288 144" class="ci-primary"></polygon> </svg> Svg Code
<svg style="color: red" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="red" d="M16,496H496V16H16ZM48,48H464V464H48Z" class="ci-primary"></path> <polygon fill="var(--ci-primary-color, currentColor)" points="288 144 320 144 320 240 192 240 192 144 224 144 224 112 96 112 96 144 128 144 128 368 96 368 96 400 224 400 224 368 192 368 192 272 320 272 320 368 288 368 288 400 416 400 416 368 384 368 384 144 416 144 416 112 288 112 288 144" class="ci-primary"></polygon> </svg> Svg Code
<svg style="color: blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="blue" d="M16,496H496V16H16ZM48,48H464V464H48Z" class="ci-primary"></path> <polygon fill="var(--ci-primary-color, currentColor)" points="288 144 320 144 320 240 192 240 192 144 224 144 224 112 96 112 96 144 128 144 128 368 96 368 96 400 224 400 224 368 192 368 192 272 320 272 320 368 288 368 288 400 416 400 416 368 384 368 384 144 416 144 416 112 288 112 288 144" class="ci-primary"></polygon> </svg> Svg Code
<svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="#f3da35" d="M16,496H496V16H16ZM48,48H464V464H48Z" class="ci-primary"></path> <polygon fill="var(--ci-primary-color, currentColor)" points="288 144 320 144 320 240 192 240 192 144 224 144 224 112 96 112 96 144 128 144 128 368 96 368 96 400 224 400 224 368 192 368 192 272 320 272 320 368 288 368 288 400 416 400 416 368 384 368 384 144 416 144 416 112 288 112 288 144" class="ci-primary"></polygon> </svg> Advance Editor
You can edit cil header as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements