Border Style Dotted Icon SVG
Border Style Dotted
Border style dotted SVG Icon Code | Customize color
You can get svg icon border style dotted in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeBorder style dotted
DownloadSvg Code
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M3 11H1V13H3V11Z" fill="currentColor" /> <path d="M7 11H5V13H7V11Z" fill="currentColor" /> <path d="M9 11H11V13H9V11Z" fill="currentColor" /> <path d="M15 11H13V13H15V11Z" fill="currentColor" /> <path d="M17 11H19V13H17V11Z" fill="currentColor" /> <path d="M23 11H21V13H23V11Z" fill="currentColor" /> </svg> Border style dotted
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="M3 11H1V13H3V11Z" fill="white"></path> <path d="M7 11H5V13H7V11Z" fill="white"></path> <path d="M9 11H11V13H9V11Z" fill="white"></path> <path d="M15 11H13V13H15V11Z" fill="white"></path> <path d="M17 11H19V13H17V11Z" fill="white"></path> <path d="M23 11H21V13H23V11Z" fill="white"></path> </svg> Border style dotted
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="M3 11H1V13H3V11Z" fill="red"></path> <path d="M7 11H5V13H7V11Z" fill="red"></path> <path d="M9 11H11V13H9V11Z" fill="red"></path> <path d="M15 11H13V13H15V11Z" fill="red"></path> <path d="M17 11H19V13H17V11Z" fill="red"></path> <path d="M23 11H21V13H23V11Z" fill="red"></path> </svg> Border style dotted
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="M3 11H1V13H3V11Z" fill="blue"></path> <path d="M7 11H5V13H7V11Z" fill="blue"></path> <path d="M9 11H11V13H9V11Z" fill="blue"></path> <path d="M15 11H13V13H15V11Z" fill="blue"></path> <path d="M17 11H19V13H17V11Z" fill="blue"></path> <path d="M23 11H21V13H23V11Z" fill="blue"></path> </svg> Border style dotted
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="M3 11H1V13H3V11Z" fill="#f3da35"></path> <path d="M7 11H5V13H7V11Z" fill="#f3da35"></path> <path d="M9 11H11V13H9V11Z" fill="#f3da35"></path> <path d="M15 11H13V13H15V11Z" fill="#f3da35"></path> <path d="M17 11H19V13H17V11Z" fill="#f3da35"></path> <path d="M23 11H21V13H23V11Z" fill="#f3da35"></path> </svg> Advance Editor
You can edit border style dotted as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements