Add Mode Icon SVG
Add Mode
Add mode SVG Icon Code | Customize color
You can get svg icon add mode in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeAdd 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="M17 23.9967H31" stroke="#333" stroke-width="1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M24.0039 17V31" stroke="#333" stroke-width="1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg> Add 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="none" stroke="#333" stroke-width="1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 23.9967H31" stroke="#333" stroke-width="1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M24.0039 17V31" stroke="#333" stroke-width="1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg> Add 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="none" stroke="#333" stroke-width="1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 23.9967H31" stroke="#333" stroke-width="1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M24.0039 17V31" stroke="#333" stroke-width="1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg> Add 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="none" stroke="#333" stroke-width="1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 23.9967H31" stroke="#333" stroke-width="1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M24.0039 17V31" stroke="#333" stroke-width="1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg> Add 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="none" stroke="#333" stroke-width="1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 23.9967H31" stroke="#333" stroke-width="1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M24.0039 17V31" stroke="#333" stroke-width="1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg> Advance Editor
You can edit add mode as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements