Voice Ok Icon SVG
Voice Ok
Voice ok SVG Icon Code | Customize color
You can get svg icon voice ok in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 3L12 19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8 8L8 14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M20 9L20 13" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4 9L4 13" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 6L16 15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M15.5 19.5L17.5 21.5L22.5 16.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: white' width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 3L12 19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8 8L8 14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M20 9L20 13" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4 9L4 13" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 6L16 15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M15.5 19.5L17.5 21.5L22.5 16.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: red' width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 3L12 19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8 8L8 14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M20 9L20 13" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4 9L4 13" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 6L16 15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M15.5 19.5L17.5 21.5L22.5 16.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: blue' width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 3L12 19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8 8L8 14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M20 9L20 13" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4 9L4 13" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 6L16 15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M15.5 19.5L17.5 21.5L22.5 16.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: #f3da35' width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 3L12 19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8 8L8 14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M20 9L20 13" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4 9L4 13" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 6L16 15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M15.5 19.5L17.5 21.5L22.5 16.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> Advance Editor
You can edit voice ok as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements