Cil Highligt Icon SVG
Cil Highligt
Cil highligt SVG Icon Code | Customize color
You can get svg icon cil highligt 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="M104,305.5l88,48V480H320V353.5l88-48V160H104ZM136,192H376v94.5l-88,48V448H224V334.5l-88-48Z" class="ci-primary"/> <rect width="32" height="72" x="240" y="32" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="72" x="82.544" y="50.544" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-45 98.545 86.544)"/> <rect width="72" height="32" x="377.456" y="70.544" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-45 413.453 86.545)"/> </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="M104,305.5l88,48V480H320V353.5l88-48V160H104ZM136,192H376v94.5l-88,48V448H224V334.5l-88-48Z" class="ci-primary"/> <rect width="32" height="72" x="240" y="32" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="72" x="82.544" y="50.544" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-45 98.545 86.544)"/> <rect width="72" height="32" x="377.456" y="70.544" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-45 413.453 86.545)"/> </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="M104,305.5l88,48V480H320V353.5l88-48V160H104ZM136,192H376v94.5l-88,48V448H224V334.5l-88-48Z" class="ci-primary"/> <rect width="32" height="72" x="240" y="32" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="72" x="82.544" y="50.544" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-45 98.545 86.544)"/> <rect width="72" height="32" x="377.456" y="70.544" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-45 413.453 86.545)"/> </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="M104,305.5l88,48V480H320V353.5l88-48V160H104ZM136,192H376v94.5l-88,48V448H224V334.5l-88-48Z" class="ci-primary"/> <rect width="32" height="72" x="240" y="32" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="72" x="82.544" y="50.544" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-45 98.545 86.544)"/> <rect width="72" height="32" x="377.456" y="70.544" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-45 413.453 86.545)"/> </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="M104,305.5l88,48V480H320V353.5l88-48V160H104ZM136,192H376v94.5l-88,48V448H224V334.5l-88-48Z" class="ci-primary"/> <rect width="32" height="72" x="240" y="32" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="72" x="82.544" y="50.544" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-45 98.545 86.544)"/> <rect width="72" height="32" x="377.456" y="70.544" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-45 413.453 86.545)"/> </svg> Advance Editor
You can edit cil highligt as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements