Cil Highlighter Icon SVG
Cil Highlighter
Cil highlighter SVG Icon Code | Customize color
You can get svg icon cil highlighter 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="M398.789,22.31a31.762,31.762,0,0,0-22.771-9.52H376a31.769,31.769,0,0,0-22.783,9.552L87.534,292.234a32.086,32.086,0,0,0,.177,45.076l14.7,14.7L16,439.427V478H122.8l52.8-52.8,12.479,12.48a32,32,0,0,0,46-.77L492.313,160.77a31.913,31.913,0,0,0-.6-44.339ZM109.548,446H54.5l46.552-47.1,27.8,27.8Zm101.16-30.946L175.6,379.947l-24.127,24.127-27.932-27.932,23.986-24.269-37.191-37.189,48.338-49.105L257.8,364.7Zm68.958-73.74-98.541-98.54L376.017,44.791l92.923,94.121Z" 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="M398.789,22.31a31.762,31.762,0,0,0-22.771-9.52H376a31.769,31.769,0,0,0-22.783,9.552L87.534,292.234a32.086,32.086,0,0,0,.177,45.076l14.7,14.7L16,439.427V478H122.8l52.8-52.8,12.479,12.48a32,32,0,0,0,46-.77L492.313,160.77a31.913,31.913,0,0,0-.6-44.339ZM109.548,446H54.5l46.552-47.1,27.8,27.8Zm101.16-30.946L175.6,379.947l-24.127,24.127-27.932-27.932,23.986-24.269-37.191-37.189,48.338-49.105L257.8,364.7Zm68.958-73.74-98.541-98.54L376.017,44.791l92.923,94.121Z" 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="M398.789,22.31a31.762,31.762,0,0,0-22.771-9.52H376a31.769,31.769,0,0,0-22.783,9.552L87.534,292.234a32.086,32.086,0,0,0,.177,45.076l14.7,14.7L16,439.427V478H122.8l52.8-52.8,12.479,12.48a32,32,0,0,0,46-.77L492.313,160.77a31.913,31.913,0,0,0-.6-44.339ZM109.548,446H54.5l46.552-47.1,27.8,27.8Zm101.16-30.946L175.6,379.947l-24.127,24.127-27.932-27.932,23.986-24.269-37.191-37.189,48.338-49.105L257.8,364.7Zm68.958-73.74-98.541-98.54L376.017,44.791l92.923,94.121Z" 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="M398.789,22.31a31.762,31.762,0,0,0-22.771-9.52H376a31.769,31.769,0,0,0-22.783,9.552L87.534,292.234a32.086,32.086,0,0,0,.177,45.076l14.7,14.7L16,439.427V478H122.8l52.8-52.8,12.479,12.48a32,32,0,0,0,46-.77L492.313,160.77a31.913,31.913,0,0,0-.6-44.339ZM109.548,446H54.5l46.552-47.1,27.8,27.8Zm101.16-30.946L175.6,379.947l-24.127,24.127-27.932-27.932,23.986-24.269-37.191-37.189,48.338-49.105L257.8,364.7Zm68.958-73.74-98.541-98.54L376.017,44.791l92.923,94.121Z" 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="M398.789,22.31a31.762,31.762,0,0,0-22.771-9.52H376a31.769,31.769,0,0,0-22.783,9.552L87.534,292.234a32.086,32.086,0,0,0,.177,45.076l14.7,14.7L16,439.427V478H122.8l52.8-52.8,12.479,12.48a32,32,0,0,0,46-.77L492.313,160.77a31.913,31.913,0,0,0-.6-44.339ZM109.548,446H54.5l46.552-47.1,27.8,27.8Zm101.16-30.946L175.6,379.947l-24.127,24.127-27.932-27.932,23.986-24.269-37.191-37.189,48.338-49.105L257.8,364.7Zm68.958-73.74-98.541-98.54L376.017,44.791l92.923,94.121Z" class="ci-primary"></path> </svg> Advance Editor
You can edit cil highlighter as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements