Cil Calculator Icon SVG
Cil Calculator
Cil calculator SVG Icon Code | Customize color
You can get svg icon cil calculator 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="M472,40H40A24.028,24.028,0,0,0,16,64V448a24.028,24.028,0,0,0,24,24H472a24.028,24.028,0,0,0,24-24V64A24.028,24.028,0,0,0,472,40Zm-8,400H48V72H464Z" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="152 240 184 240 184 200 224 200 224 168 184 168 184 128 152 128 152 168 112 168 112 200 152 200 152 240" class="ci-primary"/> <polygon fill="var(--ci-primary-color, currentColor)" points="196.284 285.089 168 313.373 139.716 285.089 117.089 307.716 145.373 336 117.089 364.284 139.716 386.911 168 358.627 196.284 386.911 218.911 364.284 190.627 336 218.911 307.716 196.284 285.089" class="ci-primary"/> <rect width="112" height="32" x="288" y="168" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="112" height="32" x="288" y="288" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="112" height="32" x="288" y="352" 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"> <path fill="white" d="M472,40H40A24.028,24.028,0,0,0,16,64V448a24.028,24.028,0,0,0,24,24H472a24.028,24.028,0,0,0,24-24V64A24.028,24.028,0,0,0,472,40Zm-8,400H48V72H464Z" class="ci-primary"></path> <polygon fill="var(--ci-primary-color, currentColor)" points="152 240 184 240 184 200 224 200 224 168 184 168 184 128 152 128 152 168 112 168 112 200 152 200 152 240" class="ci-primary"></polygon> <polygon fill="var(--ci-primary-color, currentColor)" points="196.284 285.089 168 313.373 139.716 285.089 117.089 307.716 145.373 336 117.089 364.284 139.716 386.911 168 358.627 196.284 386.911 218.911 364.284 190.627 336 218.911 307.716 196.284 285.089" class="ci-primary"></polygon> <rect width="112" height="32" x="288" y="168" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="112" height="32" x="288" y="288" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="112" height="32" x="288" y="352" 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"> <path fill="red" d="M472,40H40A24.028,24.028,0,0,0,16,64V448a24.028,24.028,0,0,0,24,24H472a24.028,24.028,0,0,0,24-24V64A24.028,24.028,0,0,0,472,40Zm-8,400H48V72H464Z" class="ci-primary"></path> <polygon fill="var(--ci-primary-color, currentColor)" points="152 240 184 240 184 200 224 200 224 168 184 168 184 128 152 128 152 168 112 168 112 200 152 200 152 240" class="ci-primary"></polygon> <polygon fill="var(--ci-primary-color, currentColor)" points="196.284 285.089 168 313.373 139.716 285.089 117.089 307.716 145.373 336 117.089 364.284 139.716 386.911 168 358.627 196.284 386.911 218.911 364.284 190.627 336 218.911 307.716 196.284 285.089" class="ci-primary"></polygon> <rect width="112" height="32" x="288" y="168" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="112" height="32" x="288" y="288" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="112" height="32" x="288" y="352" 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"> <path fill="blue" d="M472,40H40A24.028,24.028,0,0,0,16,64V448a24.028,24.028,0,0,0,24,24H472a24.028,24.028,0,0,0,24-24V64A24.028,24.028,0,0,0,472,40Zm-8,400H48V72H464Z" class="ci-primary"></path> <polygon fill="var(--ci-primary-color, currentColor)" points="152 240 184 240 184 200 224 200 224 168 184 168 184 128 152 128 152 168 112 168 112 200 152 200 152 240" class="ci-primary"></polygon> <polygon fill="var(--ci-primary-color, currentColor)" points="196.284 285.089 168 313.373 139.716 285.089 117.089 307.716 145.373 336 117.089 364.284 139.716 386.911 168 358.627 196.284 386.911 218.911 364.284 190.627 336 218.911 307.716 196.284 285.089" class="ci-primary"></polygon> <rect width="112" height="32" x="288" y="168" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="112" height="32" x="288" y="288" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="112" height="32" x="288" y="352" 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"> <path fill="#f3da35" d="M472,40H40A24.028,24.028,0,0,0,16,64V448a24.028,24.028,0,0,0,24,24H472a24.028,24.028,0,0,0,24-24V64A24.028,24.028,0,0,0,472,40Zm-8,400H48V72H464Z" class="ci-primary"></path> <polygon fill="var(--ci-primary-color, currentColor)" points="152 240 184 240 184 200 224 200 224 168 184 168 184 128 152 128 152 168 112 168 112 200 152 200 152 240" class="ci-primary"></polygon> <polygon fill="var(--ci-primary-color, currentColor)" points="196.284 285.089 168 313.373 139.716 285.089 117.089 307.716 145.373 336 117.089 364.284 139.716 386.911 168 358.627 196.284 386.911 218.911 364.284 190.627 336 218.911 307.716 196.284 285.089" class="ci-primary"></polygon> <rect width="112" height="32" x="288" y="168" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="112" height="32" x="288" y="288" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> <rect width="112" height="32" x="288" y="352" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> </svg> Advance Editor
You can edit cil calculator as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements