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