Cil Grain Icon SVG
Cil Grain
Cil grain SVG Icon Code | Customize color
You can get svg icon cil grain in blue, white, red color and transparent color from below list. You can also customize color using color picker.
Svg Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="var(--ci-primary-color, currentColor)" d="M88,16a56,56,0,1,0,56,56A56.063,56.063,0,0,0,88,16Zm0,80a24,24,0,1,1,24-24A24.028,24.028,0,0,1,88,96Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M200,138.667a56,56,0,1,0,56,56A56.063,56.063,0,0,0,200,138.667Zm0,80a24,24,0,1,1,24-24A24.028,24.028,0,0,1,200,218.667Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M88,373.333a56,56,0,1,0-56-56A56.063,56.063,0,0,0,88,373.333Zm0-80a24,24,0,1,1-24,24A24.028,24.028,0,0,1,88,293.333Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M200,496a56,56,0,1,0-56-56A56.063,56.063,0,0,0,200,496Zm0-80a24,24,0,1,1-24,24A24.028,24.028,0,0,1,200,416Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M312,16a56,56,0,1,0,56,56A56.063,56.063,0,0,0,312,16Zm0,80a24,24,0,1,1,24-24A24.028,24.028,0,0,1,312,96Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M424,138.667a56,56,0,1,0,56,56A56.063,56.063,0,0,0,424,138.667Zm0,80a24,24,0,1,1,24-24A24.028,24.028,0,0,1,424,218.667Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M312,373.333a56,56,0,1,0-56-56A56.063,56.063,0,0,0,312,373.333Zm0-80a24,24,0,1,1-24,24A24.028,24.028,0,0,1,312,293.333Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M424,384a56,56,0,1,0,56,56A56.063,56.063,0,0,0,424,384Zm0,80a24,24,0,1,1,24-24A24.028,24.028,0,0,1,424,464Z" 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="M88,16a56,56,0,1,0,56,56A56.063,56.063,0,0,0,88,16Zm0,80a24,24,0,1,1,24-24A24.028,24.028,0,0,1,88,96Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M200,138.667a56,56,0,1,0,56,56A56.063,56.063,0,0,0,200,138.667Zm0,80a24,24,0,1,1,24-24A24.028,24.028,0,0,1,200,218.667Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M88,373.333a56,56,0,1,0-56-56A56.063,56.063,0,0,0,88,373.333Zm0-80a24,24,0,1,1-24,24A24.028,24.028,0,0,1,88,293.333Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M200,496a56,56,0,1,0-56-56A56.063,56.063,0,0,0,200,496Zm0-80a24,24,0,1,1-24,24A24.028,24.028,0,0,1,200,416Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M312,16a56,56,0,1,0,56,56A56.063,56.063,0,0,0,312,16Zm0,80a24,24,0,1,1,24-24A24.028,24.028,0,0,1,312,96Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M424,138.667a56,56,0,1,0,56,56A56.063,56.063,0,0,0,424,138.667Zm0,80a24,24,0,1,1,24-24A24.028,24.028,0,0,1,424,218.667Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M312,373.333a56,56,0,1,0-56-56A56.063,56.063,0,0,0,312,373.333Zm0-80a24,24,0,1,1-24,24A24.028,24.028,0,0,1,312,293.333Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M424,384a56,56,0,1,0,56,56A56.063,56.063,0,0,0,424,384Zm0,80a24,24,0,1,1,24-24A24.028,24.028,0,0,1,424,464Z" 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="M88,16a56,56,0,1,0,56,56A56.063,56.063,0,0,0,88,16Zm0,80a24,24,0,1,1,24-24A24.028,24.028,0,0,1,88,96Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M200,138.667a56,56,0,1,0,56,56A56.063,56.063,0,0,0,200,138.667Zm0,80a24,24,0,1,1,24-24A24.028,24.028,0,0,1,200,218.667Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M88,373.333a56,56,0,1,0-56-56A56.063,56.063,0,0,0,88,373.333Zm0-80a24,24,0,1,1-24,24A24.028,24.028,0,0,1,88,293.333Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M200,496a56,56,0,1,0-56-56A56.063,56.063,0,0,0,200,496Zm0-80a24,24,0,1,1-24,24A24.028,24.028,0,0,1,200,416Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M312,16a56,56,0,1,0,56,56A56.063,56.063,0,0,0,312,16Zm0,80a24,24,0,1,1,24-24A24.028,24.028,0,0,1,312,96Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M424,138.667a56,56,0,1,0,56,56A56.063,56.063,0,0,0,424,138.667Zm0,80a24,24,0,1,1,24-24A24.028,24.028,0,0,1,424,218.667Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M312,373.333a56,56,0,1,0-56-56A56.063,56.063,0,0,0,312,373.333Zm0-80a24,24,0,1,1-24,24A24.028,24.028,0,0,1,312,293.333Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M424,384a56,56,0,1,0,56,56A56.063,56.063,0,0,0,424,384Zm0,80a24,24,0,1,1,24-24A24.028,24.028,0,0,1,424,464Z" 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="M88,16a56,56,0,1,0,56,56A56.063,56.063,0,0,0,88,16Zm0,80a24,24,0,1,1,24-24A24.028,24.028,0,0,1,88,96Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M200,138.667a56,56,0,1,0,56,56A56.063,56.063,0,0,0,200,138.667Zm0,80a24,24,0,1,1,24-24A24.028,24.028,0,0,1,200,218.667Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M88,373.333a56,56,0,1,0-56-56A56.063,56.063,0,0,0,88,373.333Zm0-80a24,24,0,1,1-24,24A24.028,24.028,0,0,1,88,293.333Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M200,496a56,56,0,1,0-56-56A56.063,56.063,0,0,0,200,496Zm0-80a24,24,0,1,1-24,24A24.028,24.028,0,0,1,200,416Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M312,16a56,56,0,1,0,56,56A56.063,56.063,0,0,0,312,16Zm0,80a24,24,0,1,1,24-24A24.028,24.028,0,0,1,312,96Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M424,138.667a56,56,0,1,0,56,56A56.063,56.063,0,0,0,424,138.667Zm0,80a24,24,0,1,1,24-24A24.028,24.028,0,0,1,424,218.667Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M312,373.333a56,56,0,1,0-56-56A56.063,56.063,0,0,0,312,373.333Zm0-80a24,24,0,1,1-24,24A24.028,24.028,0,0,1,312,293.333Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M424,384a56,56,0,1,0,56,56A56.063,56.063,0,0,0,424,384Zm0,80a24,24,0,1,1,24-24A24.028,24.028,0,0,1,424,464Z" 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="M88,16a56,56,0,1,0,56,56A56.063,56.063,0,0,0,88,16Zm0,80a24,24,0,1,1,24-24A24.028,24.028,0,0,1,88,96Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M200,138.667a56,56,0,1,0,56,56A56.063,56.063,0,0,0,200,138.667Zm0,80a24,24,0,1,1,24-24A24.028,24.028,0,0,1,200,218.667Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M88,373.333a56,56,0,1,0-56-56A56.063,56.063,0,0,0,88,373.333Zm0-80a24,24,0,1,1-24,24A24.028,24.028,0,0,1,88,293.333Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M200,496a56,56,0,1,0-56-56A56.063,56.063,0,0,0,200,496Zm0-80a24,24,0,1,1-24,24A24.028,24.028,0,0,1,200,416Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M312,16a56,56,0,1,0,56,56A56.063,56.063,0,0,0,312,16Zm0,80a24,24,0,1,1,24-24A24.028,24.028,0,0,1,312,96Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M424,138.667a56,56,0,1,0,56,56A56.063,56.063,0,0,0,424,138.667Zm0,80a24,24,0,1,1,24-24A24.028,24.028,0,0,1,424,218.667Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M312,373.333a56,56,0,1,0-56-56A56.063,56.063,0,0,0,312,373.333Zm0-80a24,24,0,1,1-24,24A24.028,24.028,0,0,1,312,293.333Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M424,384a56,56,0,1,0,56,56A56.063,56.063,0,0,0,424,384Zm0,80a24,24,0,1,1,24-24A24.028,24.028,0,0,1,424,464Z" class="ci-primary"/> </svg> Advance Editor
You can edit cil grain as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements