Cil Control Icon SVG
Cil Control
Cil control SVG Icon Code | Customize color
You can get svg icon cil control 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="M336,256a80,80,0,1,0-80,80A80.091,80.091,0,0,0,336,256Zm-128,0a48,48,0,1,1,48,48A48.055,48.055,0,0,1,208,256Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M160,397.988,245.307,496h21.386L352,397.988V368H160ZM307.825,400,256,459.544,204.175,400Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M245.307,16,160,114.012V144H352V114.012L266.693,16Zm-41.132,96L256,52.456,307.825,112Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M16,245.307v21.386L114.013,352H144V160H114.013Zm96,62.519L52.455,256,112,204.174Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M397.987,160H368V352h29.987L496,266.693V245.307ZM400,307.826V204.174L459.545,256Z" 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="M336,256a80,80,0,1,0-80,80A80.091,80.091,0,0,0,336,256Zm-128,0a48,48,0,1,1,48,48A48.055,48.055,0,0,1,208,256Z" class="ci-primary"></path> <path fill="white" d="M160,397.988,245.307,496h21.386L352,397.988V368H160ZM307.825,400,256,459.544,204.175,400Z" class="ci-primary"></path> <path fill="white" d="M245.307,16,160,114.012V144H352V114.012L266.693,16Zm-41.132,96L256,52.456,307.825,112Z" class="ci-primary"></path> <path fill="white" d="M16,245.307v21.386L114.013,352H144V160H114.013Zm96,62.519L52.455,256,112,204.174Z" class="ci-primary"></path> <path fill="white" d="M397.987,160H368V352h29.987L496,266.693V245.307ZM400,307.826V204.174L459.545,256Z" class="ci-primary"></path> </svg> Svg Code
<svg style="color: red" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="red" d="M336,256a80,80,0,1,0-80,80A80.091,80.091,0,0,0,336,256Zm-128,0a48,48,0,1,1,48,48A48.055,48.055,0,0,1,208,256Z" class="ci-primary"></path> <path fill="red" d="M160,397.988,245.307,496h21.386L352,397.988V368H160ZM307.825,400,256,459.544,204.175,400Z" class="ci-primary"></path> <path fill="red" d="M245.307,16,160,114.012V144H352V114.012L266.693,16Zm-41.132,96L256,52.456,307.825,112Z" class="ci-primary"></path> <path fill="red" d="M16,245.307v21.386L114.013,352H144V160H114.013Zm96,62.519L52.455,256,112,204.174Z" class="ci-primary"></path> <path fill="red" d="M397.987,160H368V352h29.987L496,266.693V245.307ZM400,307.826V204.174L459.545,256Z" class="ci-primary"></path> </svg> Svg Code
<svg style="color: blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="blue" d="M336,256a80,80,0,1,0-80,80A80.091,80.091,0,0,0,336,256Zm-128,0a48,48,0,1,1,48,48A48.055,48.055,0,0,1,208,256Z" class="ci-primary"></path> <path fill="blue" d="M160,397.988,245.307,496h21.386L352,397.988V368H160ZM307.825,400,256,459.544,204.175,400Z" class="ci-primary"></path> <path fill="blue" d="M245.307,16,160,114.012V144H352V114.012L266.693,16Zm-41.132,96L256,52.456,307.825,112Z" class="ci-primary"></path> <path fill="blue" d="M16,245.307v21.386L114.013,352H144V160H114.013Zm96,62.519L52.455,256,112,204.174Z" class="ci-primary"></path> <path fill="blue" d="M397.987,160H368V352h29.987L496,266.693V245.307ZM400,307.826V204.174L459.545,256Z" class="ci-primary"></path> </svg> Svg Code
<svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="#f3da35" d="M336,256a80,80,0,1,0-80,80A80.091,80.091,0,0,0,336,256Zm-128,0a48,48,0,1,1,48,48A48.055,48.055,0,0,1,208,256Z" class="ci-primary"></path> <path fill="#f3da35" d="M160,397.988,245.307,496h21.386L352,397.988V368H160ZM307.825,400,256,459.544,204.175,400Z" class="ci-primary"></path> <path fill="#f3da35" d="M245.307,16,160,114.012V144H352V114.012L266.693,16Zm-41.132,96L256,52.456,307.825,112Z" class="ci-primary"></path> <path fill="#f3da35" d="M16,245.307v21.386L114.013,352H144V160H114.013Zm96,62.519L52.455,256,112,204.174Z" class="ci-primary"></path> <path fill="#f3da35" d="M397.987,160H368V352h29.987L496,266.693V245.307ZM400,307.826V204.174L459.545,256Z" class="ci-primary"></path> </svg> Advance Editor
You can edit cil control as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements