Text Highlight Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Text Highlight icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/319039.svg" alt="Text Highlight icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/319039.svg" alt="Text Highlight icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/319039.svg" alt="Text Highlight icon" :width="24" :height="24" />
CSS background
.icon-text-highlight {
background-image: url('https://proicons.com/icon/319039.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg id="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><defs><style>.cls-1{fill:none;}</style></defs><title>text-highlight</title><path d="M12,15H5a3,3,0,0,1-3-3V10A3,3,0,0,1,5,7h5V5A1,1,0,0,0,9,4H3V2H9a3,3,0,0,1,3,3ZM5,9a1,1,0,0,0-1,1v2a1,1,0,0,0,1,1h5V9Z"/><path d="M20,23v2a1,1,0,0,0,1,1h5V22H21A1,1,0,0,0,20,23Z"/><path d="M2,30H30V2Zm26-2H21a3,3,0,0,1-3-3V23a3,3,0,0,1,3-3h5V18a1,1,0,0,0-1-1H19V15h6a3,3,0,0,1,3,3Z"/><rect id="_Transparent_Rectangle_" data-name="<Transparent Rectangle>" class="cls-1" width="32" height="32"/></svg>
Copied!