Cil Border Vertical Icon SVG
Icon Cil border vertical SVG code/vector file is given below and you can use that in websites, apps (Android/IOS), ppt, and other projects. You can use our svg code generator to edit svg icon. Icon can be customized in any color or size using color and size picker.
Cil border vertical Icon Svg Code | Path | Download
Download free Cil Border Vertical SVG icons in different sizes (16*16, 24*24, 32*32, 64*64 & Other). Check and download the Cil Border Vertical Icon SVG code in HTML/Css from below.
Cil Border Vertical
Cil border vertical SVG Icon Code | Customize color
You can get svg icon cil border vertical 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"> <polygon fill="var(--ci-primary-color, currentColor)" points="272 456 272 440 272 406.545 272 373.091 272 339.636 272 306.182 272 272.727 272 272 272 240 272 239.272 272 205.817 272 172.363 272 138.908 272 105.454 272 72 272 56 272 40 240 40 240 56 240 72 240 105.454 240 138.908 240 172.363 240 205.817 240 239.272 240 240 240 272 240 272.727 240 306.182 240 339.636 240 373.091 240 406.545 240 440 240 456 240 472 272 472 272 456" class="ci-primary"/> <rect width="32" height="32" x="440" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="32" x="306.182" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="32" x="172.364" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="32" x="373.091" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="32" x="105.455" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="40" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.454" x="40" y="306.183" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.454" x="40" y="373.092" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.455" x="40" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.454" x="40" y="172.364" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.454" x="40" y="105.455" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="40" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="32" x="306.182" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="32" x="172.364" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="32" x="373.091" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="32" x="105.455" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="440" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.454" x="440" y="373.091" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.454" x="440" y="306.182" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.454" x="440" y="105.454" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.454" x="440" y="172.363" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.455" x="440" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="33.455" x="306.182" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="33.455" x="373.091" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="33.455" x="172.364" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="33.455" x="105.455" y="239.272" 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"> <polygon fill="var(--ci-primary-color, currentColor)" points="272 456 272 440 272 406.545 272 373.091 272 339.636 272 306.182 272 272.727 272 272 272 240 272 239.272 272 205.817 272 172.363 272 138.908 272 105.454 272 72 272 56 272 40 240 40 240 56 240 72 240 105.454 240 138.908 240 172.363 240 205.817 240 239.272 240 240 240 272 240 272.727 240 306.182 240 339.636 240 373.091 240 406.545 240 440 240 456 240 472 272 472 272 456" class="ci-primary"/> <rect width="32" height="32" x="440" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="32" x="306.182" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="32" x="172.364" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="32" x="373.091" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="32" x="105.455" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="40" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.454" x="40" y="306.183" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.454" x="40" y="373.092" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.455" x="40" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.454" x="40" y="172.364" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.454" x="40" y="105.455" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="40" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="32" x="306.182" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="32" x="172.364" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="32" x="373.091" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="32" x="105.455" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="440" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.454" x="440" y="373.091" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.454" x="440" y="306.182" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.454" x="440" y="105.454" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.454" x="440" y="172.363" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.455" x="440" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="33.455" x="306.182" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="33.455" x="373.091" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="33.455" x="172.364" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="33.455" x="105.455" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> </svg> Svg Code
<svg style='color: red' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <polygon fill="var(--ci-primary-color, currentColor)" points="272 456 272 440 272 406.545 272 373.091 272 339.636 272 306.182 272 272.727 272 272 272 240 272 239.272 272 205.817 272 172.363 272 138.908 272 105.454 272 72 272 56 272 40 240 40 240 56 240 72 240 105.454 240 138.908 240 172.363 240 205.817 240 239.272 240 240 240 272 240 272.727 240 306.182 240 339.636 240 373.091 240 406.545 240 440 240 456 240 472 272 472 272 456" class="ci-primary"/> <rect width="32" height="32" x="440" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="32" x="306.182" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="32" x="172.364" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="32" x="373.091" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="32" x="105.455" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="40" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.454" x="40" y="306.183" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.454" x="40" y="373.092" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.455" x="40" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.454" x="40" y="172.364" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.454" x="40" y="105.455" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="40" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="32" x="306.182" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="32" x="172.364" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="32" x="373.091" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="32" x="105.455" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="440" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.454" x="440" y="373.091" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.454" x="440" y="306.182" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.454" x="440" y="105.454" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.454" x="440" y="172.363" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.455" x="440" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="33.455" x="306.182" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="33.455" x="373.091" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="33.455" x="172.364" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="33.455" x="105.455" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> </svg> Svg Code
<svg style='color: blue' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <polygon fill="var(--ci-primary-color, currentColor)" points="272 456 272 440 272 406.545 272 373.091 272 339.636 272 306.182 272 272.727 272 272 272 240 272 239.272 272 205.817 272 172.363 272 138.908 272 105.454 272 72 272 56 272 40 240 40 240 56 240 72 240 105.454 240 138.908 240 172.363 240 205.817 240 239.272 240 240 240 272 240 272.727 240 306.182 240 339.636 240 373.091 240 406.545 240 440 240 456 240 472 272 472 272 456" class="ci-primary"/> <rect width="32" height="32" x="440" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="32" x="306.182" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="32" x="172.364" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="32" x="373.091" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="32" x="105.455" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="40" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.454" x="40" y="306.183" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.454" x="40" y="373.092" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.455" x="40" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.454" x="40" y="172.364" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.454" x="40" y="105.455" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="40" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="32" x="306.182" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="32" x="172.364" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="32" x="373.091" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="32" x="105.455" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="440" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.454" x="440" y="373.091" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.454" x="440" y="306.182" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.454" x="440" y="105.454" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.454" x="440" y="172.363" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.455" x="440" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="33.455" x="306.182" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="33.455" x="373.091" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="33.455" x="172.364" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="33.455" x="105.455" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> </svg> Svg Code
<svg style='color: #f3da35' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <polygon fill="var(--ci-primary-color, currentColor)" points="272 456 272 440 272 406.545 272 373.091 272 339.636 272 306.182 272 272.727 272 272 272 240 272 239.272 272 205.817 272 172.363 272 138.908 272 105.454 272 72 272 56 272 40 240 40 240 56 240 72 240 105.454 240 138.908 240 172.363 240 205.817 240 239.272 240 240 240 272 240 272.727 240 306.182 240 339.636 240 373.091 240 406.545 240 440 240 456 240 472 272 472 272 456" class="ci-primary"/> <rect width="32" height="32" x="440" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="32" x="306.182" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="32" x="172.364" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="32" x="373.091" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="32" x="105.455" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="40" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.454" x="40" y="306.183" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.454" x="40" y="373.092" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.455" x="40" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.454" x="40" y="172.364" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.454" x="40" y="105.455" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="40" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="32" x="306.182" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="32" x="172.364" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="32" x="373.091" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="32" x="105.455" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="440" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.454" x="440" y="373.091" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.454" x="440" y="306.182" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.454" x="440" y="105.454" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.454" x="440" y="172.363" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="33.455" x="440" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="33.455" x="306.182" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="33.455" x="373.091" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="33.455" x="172.364" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="33.455" x="105.455" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> </svg> Advance Editor
You can edit cil border vertical as below. Change size color and background color of icon using below tool.
Advertisements
Cil Border Vertical Icon SVG - Faq(s)?
⭐Can I get Free Cil Border Vertical Icon SVG?Yes, you can get free Cil Border Vertical SVG icons.
⭐ How to download free Cil Border Vertical Icon SVG code?To download free Cil Border Vertical icons in SVG code click on the copy code button.
⭐How to find the Cil Border Vertical Icon SVG path file?You can get the Cil Border Vertical SVG file path from the above section.
⭐ What are the colors available for SVG Cil Border Vertical Icon?You can check the Cil Border Vertical SVG in your brand color i.e, White, Black, Blue, Red, Green, Pink & Yellow.
Advertisements