Cil Underline Icon SVG
Cil Underline
Cil underline SVG Icon Code | Customize color
You can get svg icon cil underline 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="M16,496H496V16H16ZM48,48H464V464H48Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M296,152h32v88a63.966,63.966,0,0,1-88,59.313V152h24V120H136v32h32v88a96,96,0,0,0,192,0V152h32V120H296Z" class="ci-primary"/> <rect width="256" height="32" x="136" y="368" fill="var(--ci-primary-color, currentColor)" 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="M16,496H496V16H16ZM48,48H464V464H48Z" class="ci-primary"></path> <path fill="white" d="M296,152h32v88a63.966,63.966,0,0,1-88,59.313V152h24V120H136v32h32v88a96,96,0,0,0,192,0V152h32V120H296Z" class="ci-primary"></path> <rect width="256" height="32" x="136" y="368" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> </svg> Svg Code
<svg style="color: red" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="red" d="M16,496H496V16H16ZM48,48H464V464H48Z" class="ci-primary"></path> <path fill="red" d="M296,152h32v88a63.966,63.966,0,0,1-88,59.313V152h24V120H136v32h32v88a96,96,0,0,0,192,0V152h32V120H296Z" class="ci-primary"></path> <rect width="256" height="32" x="136" y="368" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> </svg> Svg Code
<svg style="color: blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="blue" d="M16,496H496V16H16ZM48,48H464V464H48Z" class="ci-primary"></path> <path fill="blue" d="M296,152h32v88a63.966,63.966,0,0,1-88,59.313V152h24V120H136v32h32v88a96,96,0,0,0,192,0V152h32V120H296Z" class="ci-primary"></path> <rect width="256" height="32" x="136" y="368" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> </svg> Svg Code
<svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="#f3da35" d="M16,496H496V16H16ZM48,48H464V464H48Z" class="ci-primary"></path> <path fill="#f3da35" d="M296,152h32v88a63.966,63.966,0,0,1-88,59.313V152h24V120H136v32h32v88a96,96,0,0,0,192,0V152h32V120H296Z" class="ci-primary"></path> <rect width="256" height="32" x="136" y="368" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect> </svg> Advance Editor
You can edit cil underline as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements