Cil Border Right Icon SVG
Cil Border Right
Cil border right SVG Icon Code | Customize color
You can get svg icon cil border right 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="472 440 472 406.545 472 373.091 472 339.636 472 306.182 472 272.727 472 239.272 472 205.817 472 172.363 472 138.908 472 105.454 472 72 472 40 440 40 440 72 440 105.454 440 138.908 440 172.363 440 205.817 440 239.272 440 240 440 272 440 272.727 440 306.182 440 339.636 440 373.091 440 406.545 440 440 440 472 472 472 472 440" 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="239.272" 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="33.455" height="33.455" x="239.272" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="33.454" x="239.272" y="306.182" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="33.454" x="239.272" y="172.363" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="33.454" x="239.272" y="105.454" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="33.454" x="239.272" y="373.091" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="33.455" height="32" x="239.272" y="440" 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="472 440 472 406.545 472 373.091 472 339.636 472 306.182 472 272.727 472 239.272 472 205.817 472 172.363 472 138.908 472 105.454 472 72 472 40 440 40 440 72 440 105.454 440 138.908 440 172.363 440 205.817 440 239.272 440 240 440 272 440 272.727 440 306.182 440 339.636 440 373.091 440 406.545 440 440 440 472 472 472 472 440" class="ci-primary"></polygon> <rect width="33.455" height="32" x="306.182" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="32" x="172.364" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="32" x="373.091" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="32" x="105.455" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="40" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="33.454" x="40" y="306.183" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="33.454" x="40" y="373.092" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="33.455" x="40" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="33.454" x="40" y="172.364" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="33.454" x="40" y="105.455" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="40" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="32" x="306.182" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="32" x="172.364" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="32" x="373.091" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="32" x="239.272" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="32" x="105.455" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="33.455" x="239.272" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="33.454" x="239.272" y="306.182" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="33.454" x="239.272" y="172.363" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="33.454" x="239.272" y="105.454" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="33.454" x="239.272" y="373.091" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="32" x="239.272" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="33.455" x="306.182" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="33.455" x="373.091" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="33.455" x="172.364" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="33.455" x="105.455" y="239.272" 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"> <polygon fill="var(--ci-primary-color, currentColor)" points="472 440 472 406.545 472 373.091 472 339.636 472 306.182 472 272.727 472 239.272 472 205.817 472 172.363 472 138.908 472 105.454 472 72 472 40 440 40 440 72 440 105.454 440 138.908 440 172.363 440 205.817 440 239.272 440 240 440 272 440 272.727 440 306.182 440 339.636 440 373.091 440 406.545 440 440 440 472 472 472 472 440" class="ci-primary"></polygon> <rect width="33.455" height="32" x="306.182" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="32" x="172.364" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="32" x="373.091" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="32" x="105.455" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="40" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="33.454" x="40" y="306.183" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="33.454" x="40" y="373.092" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="33.455" x="40" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="33.454" x="40" y="172.364" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="33.454" x="40" y="105.455" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="40" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="32" x="306.182" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="32" x="172.364" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="32" x="373.091" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="32" x="239.272" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="32" x="105.455" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="33.455" x="239.272" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="33.454" x="239.272" y="306.182" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="33.454" x="239.272" y="172.363" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="33.454" x="239.272" y="105.454" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="33.454" x="239.272" y="373.091" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="32" x="239.272" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="33.455" x="306.182" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="33.455" x="373.091" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="33.455" x="172.364" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="33.455" x="105.455" y="239.272" 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"> <polygon fill="var(--ci-primary-color, currentColor)" points="472 440 472 406.545 472 373.091 472 339.636 472 306.182 472 272.727 472 239.272 472 205.817 472 172.363 472 138.908 472 105.454 472 72 472 40 440 40 440 72 440 105.454 440 138.908 440 172.363 440 205.817 440 239.272 440 240 440 272 440 272.727 440 306.182 440 339.636 440 373.091 440 406.545 440 440 440 472 472 472 472 440" class="ci-primary"></polygon> <rect width="33.455" height="32" x="306.182" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="32" x="172.364" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="32" x="373.091" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="32" x="105.455" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="40" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="33.454" x="40" y="306.183" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="33.454" x="40" y="373.092" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="33.455" x="40" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="33.454" x="40" y="172.364" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="33.454" x="40" y="105.455" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="40" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="32" x="306.182" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="32" x="172.364" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="32" x="373.091" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="32" x="239.272" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="32" x="105.455" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="33.455" x="239.272" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="33.454" x="239.272" y="306.182" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="33.454" x="239.272" y="172.363" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="33.454" x="239.272" y="105.454" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="33.454" x="239.272" y="373.091" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="32" x="239.272" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="33.455" x="306.182" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="33.455" x="373.091" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="33.455" x="172.364" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="33.455" x="105.455" y="239.272" 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"> <polygon fill="var(--ci-primary-color, currentColor)" points="472 440 472 406.545 472 373.091 472 339.636 472 306.182 472 272.727 472 239.272 472 205.817 472 172.363 472 138.908 472 105.454 472 72 472 40 440 40 440 72 440 105.454 440 138.908 440 172.363 440 205.817 440 239.272 440 240 440 272 440 272.727 440 306.182 440 339.636 440 373.091 440 406.545 440 440 440 472 472 472 472 440" class="ci-primary"></polygon> <rect width="33.455" height="32" x="306.182" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="32" x="172.364" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="32" x="373.091" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="32" x="105.455" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="40" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="33.454" x="40" y="306.183" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="33.454" x="40" y="373.092" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="33.455" x="40" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="33.454" x="40" y="172.364" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="33.454" x="40" y="105.455" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="32" height="32" x="40" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="32" x="306.182" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="32" x="172.364" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="32" x="373.091" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="32" x="239.272" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="32" x="105.455" y="40" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="33.455" x="239.272" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="33.454" x="239.272" y="306.182" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="33.454" x="239.272" y="172.363" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="33.454" x="239.272" y="105.454" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="33.454" x="239.272" y="373.091" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="32" x="239.272" y="440" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="33.455" x="306.182" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="33.455" x="373.091" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="33.455" x="172.364" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="33.455" height="33.455" x="105.455" y="239.272" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> </svg> Advance Editor
You can edit cil border right as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements