Captions Icon SVG
Captions
Captions SVG Icon Code | Customize color
You can get svg icon captions in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeCaptions
DownloadSvg Code
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M11 8V10H8V14H11V16H6V8H11Z" fill="currentColor" /> <path d="M18 8V10H15V14H18V16H13V8H18Z" fill="currentColor" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M2 5C2 4.44772 2.44772 4 3 4H21C21.5523 4 22 4.44772 22 5V19C22 19.5523 21.5523 20 21 20H3C2.44772 20 2 19.5523 2 19V5ZM4 18V6H20V18H4Z" fill="currentColor" /> </svg> Captions
DownloadSvg Code
<svg style='color: white' width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M11 8V10H8V14H11V16H6V8H11Z" fill="currentColor" /> <path d="M18 8V10H15V14H18V16H13V8H18Z" fill="currentColor" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M2 5C2 4.44772 2.44772 4 3 4H21C21.5523 4 22 4.44772 22 5V19C22 19.5523 21.5523 20 21 20H3C2.44772 20 2 19.5523 2 19V5ZM4 18V6H20V18H4Z" fill="currentColor" /> </svg> Captions
DownloadSvg Code
<svg style='color: red' width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M11 8V10H8V14H11V16H6V8H11Z" fill="currentColor" /> <path d="M18 8V10H15V14H18V16H13V8H18Z" fill="currentColor" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M2 5C2 4.44772 2.44772 4 3 4H21C21.5523 4 22 4.44772 22 5V19C22 19.5523 21.5523 20 21 20H3C2.44772 20 2 19.5523 2 19V5ZM4 18V6H20V18H4Z" fill="currentColor" /> </svg> Captions
DownloadSvg Code
<svg style='color: blue' width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M11 8V10H8V14H11V16H6V8H11Z" fill="currentColor" /> <path d="M18 8V10H15V14H18V16H13V8H18Z" fill="currentColor" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M2 5C2 4.44772 2.44772 4 3 4H21C21.5523 4 22 4.44772 22 5V19C22 19.5523 21.5523 20 21 20H3C2.44772 20 2 19.5523 2 19V5ZM4 18V6H20V18H4Z" fill="currentColor" /> </svg> Captions
DownloadSvg Code
<svg style='color: #f3da35' width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M11 8V10H8V14H11V16H6V8H11Z" fill="currentColor" /> <path d="M18 8V10H15V14H18V16H13V8H18Z" fill="currentColor" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M2 5C2 4.44772 2.44772 4 3 4H21C21.5523 4 22 4.44772 22 5V19C22 19.5523 21.5523 20 21 20H3C2.44772 20 2 19.5523 2 19V5ZM4 18V6H20V18H4Z" fill="currentColor" /> </svg> Advance Editor
You can edit captions as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements