Status Ok Icon SVG

Status Ok


Status ok SVG Icon Code | Customize color

You can get svg icon status ok in blue, white, red color and transparent color from below list. You can also customize color using color picker.

Status ok

Download

Svg Code

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M18 17C19.7934 15.9626 21 14.2208 21 12C21 8.68629 18.3137 6 15 6C12.1032 6 9.06238 7.76966 8.5 10.5" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8.30379 10.5C7.77702 10.1826 7.15983 10 6.5 10C4.567 10 3 11.567 3 13.5C3 15.433 4.567 17 6.5 17H18" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16.5 11L13.5 14" stroke="#333333" stroke-width="2" stroke-linecap="round"/> <path d="M12 12.5L13.5 14" stroke="#333333" stroke-width="2" stroke-linecap="round"/> </svg>

Status ok

Download

Svg 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="M18 17C19.7934 15.9626 21 14.2208 21 12C21 8.68629 18.3137 6 15 6C12.1032 6 9.06238 7.76966 8.5 10.5" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="white"></path> <path d="M8.30379 10.5C7.77702 10.1826 7.15983 10 6.5 10C4.567 10 3 11.567 3 13.5C3 15.433 4.567 17 6.5 17H18" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="white"></path> <path d="M16.5 11L13.5 14" stroke="#333333" stroke-width="2" stroke-linecap="round" fill="white"></path> <path d="M12 12.5L13.5 14" stroke="#333333" stroke-width="2" stroke-linecap="round" fill="white"></path> </svg>

Status ok

Download

Svg 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="M18 17C19.7934 15.9626 21 14.2208 21 12C21 8.68629 18.3137 6 15 6C12.1032 6 9.06238 7.76966 8.5 10.5" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="red"></path> <path d="M8.30379 10.5C7.77702 10.1826 7.15983 10 6.5 10C4.567 10 3 11.567 3 13.5C3 15.433 4.567 17 6.5 17H18" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="red"></path> <path d="M16.5 11L13.5 14" stroke="#333333" stroke-width="2" stroke-linecap="round" fill="red"></path> <path d="M12 12.5L13.5 14" stroke="#333333" stroke-width="2" stroke-linecap="round" fill="red"></path> </svg>

Status ok

Download

Svg 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="M18 17C19.7934 15.9626 21 14.2208 21 12C21 8.68629 18.3137 6 15 6C12.1032 6 9.06238 7.76966 8.5 10.5" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path> <path d="M8.30379 10.5C7.77702 10.1826 7.15983 10 6.5 10C4.567 10 3 11.567 3 13.5C3 15.433 4.567 17 6.5 17H18" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path> <path d="M16.5 11L13.5 14" stroke="#333333" stroke-width="2" stroke-linecap="round" fill="blue"></path> <path d="M12 12.5L13.5 14" stroke="#333333" stroke-width="2" stroke-linecap="round" fill="blue"></path> </svg>

Status ok

Download

Svg 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="M18 17C19.7934 15.9626 21 14.2208 21 12C21 8.68629 18.3137 6 15 6C12.1032 6 9.06238 7.76966 8.5 10.5" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path> <path d="M8.30379 10.5C7.77702 10.1826 7.15983 10 6.5 10C4.567 10 3 11.567 3 13.5C3 15.433 4.567 17 6.5 17H18" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path> <path d="M16.5 11L13.5 14" stroke="#333333" stroke-width="2" stroke-linecap="round" fill="#f3da35"></path> <path d="M12 12.5L13.5 14" stroke="#333333" stroke-width="2" stroke-linecap="round" fill="#f3da35"></path> </svg>


Advance Editor

You can edit status ok as below. Change size color and background color of icon using below tool.

fontawesomeicons.com
Size
Stroke

Size
Stroke
tab 2 content
Tab 3 content





Advertisements





Advertisements

You may like these icons


Looking For More Icons?