Intermediate Mode Icon SVG
Intermediate Mode
Intermediate mode SVG Icon Code | Customize color
You can get svg icon intermediate mode in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeIntermediate mode
DownloadSvg Code
<?xml version="1.0" encoding="UTF-8"?><svg width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.0033 4L29.2737 9.27038H38.7296V18.7263L44 23.9967L38.7296 29.2737V38.7296H29.2737L24.0033 44L18.7264 38.7296H9.27036V29.2737L4 23.9967L9.27036 18.7263V9.27038H18.7264L24.0033 4Z" fill="none" stroke="#333" stroke-width="1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 16C27.9932 16.5 31 20 31 24C31 28 28 31.5 24 31.9549" stroke="#333" stroke-width="1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg> Intermediate mode
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: white" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.0033 4L29.2737 9.27038H38.7296V18.7263L44 23.9967L38.7296 29.2737V38.7296H29.2737L24.0033 44L18.7264 38.7296H9.27036V29.2737L4 23.9967L9.27036 18.7263V9.27038H18.7264L24.0033 4Z" fill="white" stroke="#333" stroke-width="1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M24 16C27.9932 16.5 31 20 31 24C31 28 28 31.5 24 31.9549" stroke="#333" stroke-width="1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" fill="white"></path></svg> Intermediate mode
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: red" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.0033 4L29.2737 9.27038H38.7296V18.7263L44 23.9967L38.7296 29.2737V38.7296H29.2737L24.0033 44L18.7264 38.7296H9.27036V29.2737L4 23.9967L9.27036 18.7263V9.27038H18.7264L24.0033 4Z" fill="red" stroke="#333" stroke-width="1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M24 16C27.9932 16.5 31 20 31 24C31 28 28 31.5 24 31.9549" stroke="#333" stroke-width="1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" fill="red"></path></svg> Intermediate mode
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: blue" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.0033 4L29.2737 9.27038H38.7296V18.7263L44 23.9967L38.7296 29.2737V38.7296H29.2737L24.0033 44L18.7264 38.7296H9.27036V29.2737L4 23.9967L9.27036 18.7263V9.27038H18.7264L24.0033 4Z" fill="blue" stroke="#333" stroke-width="1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M24 16C27.9932 16.5 31 20 31 24C31 28 28 31.5 24 31.9549" stroke="#333" stroke-width="1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path></svg> Intermediate mode
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: #f3da35" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.0033 4L29.2737 9.27038H38.7296V18.7263L44 23.9967L38.7296 29.2737V38.7296H29.2737L24.0033 44L18.7264 38.7296H9.27036V29.2737L4 23.9967L9.27036 18.7263V9.27038H18.7264L24.0033 4Z" fill="#f3da35" stroke="#333" stroke-width="1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M24 16C27.9932 16.5 31 20 31 24C31 28 28 31.5 24 31.9549" stroke="#333" stroke-width="1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path></svg> Advance Editor
You can edit intermediate mode as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements