Cil Cut Icon SVG
Cil Cut
Cil cut SVG Icon Code | Customize color
You can get svg icon cil cut 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="M104,320a88.067,88.067,0,1,0,75.607,43.02L260,282.627,425.373,448H448V425.373L282.627,260,448,94.627V72H425.373L260,237.373,176.477,153.85a88.088,88.088,0,1,0-22.627,22.627L237.373,260l-78.919,78.919A87.57,87.57,0,0,0,104,320Zm0-160a56,56,0,1,1,56-56A56.063,56.063,0,0,1,104,160Zm0,304a56,56,0,1,1,56-56A56.063,56.063,0,0,1,104,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="white" d="M104,320a88.067,88.067,0,1,0,75.607,43.02L260,282.627,425.373,448H448V425.373L282.627,260,448,94.627V72H425.373L260,237.373,176.477,153.85a88.088,88.088,0,1,0-22.627,22.627L237.373,260l-78.919,78.919A87.57,87.57,0,0,0,104,320Zm0-160a56,56,0,1,1,56-56A56.063,56.063,0,0,1,104,160Zm0,304a56,56,0,1,1,56-56A56.063,56.063,0,0,1,104,464Z" 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="M104,320a88.067,88.067,0,1,0,75.607,43.02L260,282.627,425.373,448H448V425.373L282.627,260,448,94.627V72H425.373L260,237.373,176.477,153.85a88.088,88.088,0,1,0-22.627,22.627L237.373,260l-78.919,78.919A87.57,87.57,0,0,0,104,320Zm0-160a56,56,0,1,1,56-56A56.063,56.063,0,0,1,104,160Zm0,304a56,56,0,1,1,56-56A56.063,56.063,0,0,1,104,464Z" 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="M104,320a88.067,88.067,0,1,0,75.607,43.02L260,282.627,425.373,448H448V425.373L282.627,260,448,94.627V72H425.373L260,237.373,176.477,153.85a88.088,88.088,0,1,0-22.627,22.627L237.373,260l-78.919,78.919A87.57,87.57,0,0,0,104,320Zm0-160a56,56,0,1,1,56-56A56.063,56.063,0,0,1,104,160Zm0,304a56,56,0,1,1,56-56A56.063,56.063,0,0,1,104,464Z" 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="M104,320a88.067,88.067,0,1,0,75.607,43.02L260,282.627,425.373,448H448V425.373L282.627,260,448,94.627V72H425.373L260,237.373,176.477,153.85a88.088,88.088,0,1,0-22.627,22.627L237.373,260l-78.919,78.919A87.57,87.57,0,0,0,104,320Zm0-160a56,56,0,1,1,56-56A56.063,56.063,0,0,1,104,160Zm0,304a56,56,0,1,1,56-56A56.063,56.063,0,0,1,104,464Z" class="ci-primary"></path> </svg>
Advance Editor
You can edit cil cut as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements