Cil Hd Icon SVG
Cil Hd
Cil hd SVG Icon Code | Customize color
You can get svg icon cil hd 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="M364,136H272V376h92a52.059,52.059,0,0,0,52-52V188A52.059,52.059,0,0,0,364,136Zm20,188a20.023,20.023,0,0,1-20,20H304V168h60a20.023,20.023,0,0,1,20,20Z" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="208 240 128 240 128 136 96 136 96 376 128 376 128 272 208 272 208 376 240 376 240 136 208 136 208 240" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M464,16H48A32.036,32.036,0,0,0,16,48V464a32.036,32.036,0,0,0,32,32H464a32.036,32.036,0,0,0,32-32V48A32.036,32.036,0,0,0,464,16Zm0,448H48V48H464l.02,416Z" class="ci-primary"/> </svg> Svg Code
<svg style='color: white' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="var(--ci-primary-color, currentColor)" d="M364,136H272V376h92a52.059,52.059,0,0,0,52-52V188A52.059,52.059,0,0,0,364,136Zm20,188a20.023,20.023,0,0,1-20,20H304V168h60a20.023,20.023,0,0,1,20,20Z" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="208 240 128 240 128 136 96 136 96 376 128 376 128 272 208 272 208 376 240 376 240 136 208 136 208 240" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M464,16H48A32.036,32.036,0,0,0,16,48V464a32.036,32.036,0,0,0,32,32H464a32.036,32.036,0,0,0,32-32V48A32.036,32.036,0,0,0,464,16Zm0,448H48V48H464l.02,416Z" class="ci-primary"/> </svg> Svg Code
<svg style='color: red' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="var(--ci-primary-color, currentColor)" d="M364,136H272V376h92a52.059,52.059,0,0,0,52-52V188A52.059,52.059,0,0,0,364,136Zm20,188a20.023,20.023,0,0,1-20,20H304V168h60a20.023,20.023,0,0,1,20,20Z" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="208 240 128 240 128 136 96 136 96 376 128 376 128 272 208 272 208 376 240 376 240 136 208 136 208 240" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M464,16H48A32.036,32.036,0,0,0,16,48V464a32.036,32.036,0,0,0,32,32H464a32.036,32.036,0,0,0,32-32V48A32.036,32.036,0,0,0,464,16Zm0,448H48V48H464l.02,416Z" class="ci-primary"/> </svg> Svg Code
<svg style='color: blue' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="var(--ci-primary-color, currentColor)" d="M364,136H272V376h92a52.059,52.059,0,0,0,52-52V188A52.059,52.059,0,0,0,364,136Zm20,188a20.023,20.023,0,0,1-20,20H304V168h60a20.023,20.023,0,0,1,20,20Z" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="208 240 128 240 128 136 96 136 96 376 128 376 128 272 208 272 208 376 240 376 240 136 208 136 208 240" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M464,16H48A32.036,32.036,0,0,0,16,48V464a32.036,32.036,0,0,0,32,32H464a32.036,32.036,0,0,0,32-32V48A32.036,32.036,0,0,0,464,16Zm0,448H48V48H464l.02,416Z" class="ci-primary"/> </svg> Svg Code
<svg style='color: #f3da35' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="var(--ci-primary-color, currentColor)" d="M364,136H272V376h92a52.059,52.059,0,0,0,52-52V188A52.059,52.059,0,0,0,364,136Zm20,188a20.023,20.023,0,0,1-20,20H304V168h60a20.023,20.023,0,0,1,20,20Z" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="208 240 128 240 128 136 96 136 96 376 128 376 128 272 208 272 208 376 240 376 240 136 208 136 208 240" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M464,16H48A32.036,32.036,0,0,0,16,48V464a32.036,32.036,0,0,0,32,32H464a32.036,32.036,0,0,0,32-32V48A32.036,32.036,0,0,0,464,16Zm0,448H48V48H464l.02,416Z" class="ci-primary"/> </svg> Advance Editor
You can edit cil hd as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements