Road Sign Both Icon SVG
Road Sign Both
Road sign both SVG Icon Code | Customize color
You can get svg icon road sign both in blue, white, red color and transparent color from below list. You can also customize color using color picker.
Road sign both
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"><g><rect width="48" height="48" fill="white" fill-opacity="0.01"/><g><path d="M10 8V16H38L42 12L38 8L10 8Z" fill="none" stroke="#333" stroke-width="1" stroke-linejoin="round"/><path d="M38 23V31H10L6 27L10 23L38 23Z" fill="none" stroke="#333" stroke-width="1" stroke-linejoin="round"/><path d="M24 31V44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 16V23" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 4V8" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M19 44H29" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></g></g></svg>
Road sign both
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"><g><rect width="48" height="48" fill="white" fill-opacity="0.01"></rect><g><path d="M10 8V16H38L42 12L38 8L10 8Z" fill="white" stroke="#333" stroke-width="1" stroke-linejoin="round"></path><path d="M38 23V31H10L6 27L10 23L38 23Z" fill="white" stroke="#333" stroke-width="1" stroke-linejoin="round"></path><path d="M24 31V44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M24 16V23" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M24 4V8" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M19 44H29" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path></g></g></svg>
Road sign both
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"><g><rect width="48" height="48" fill="white" fill-opacity="0.01"></rect><g><path d="M10 8V16H38L42 12L38 8L10 8Z" fill="red" stroke="#333" stroke-width="1" stroke-linejoin="round"></path><path d="M38 23V31H10L6 27L10 23L38 23Z" fill="red" stroke="#333" stroke-width="1" stroke-linejoin="round"></path><path d="M24 31V44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M24 16V23" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M24 4V8" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M19 44H29" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path></g></g></svg>
Road sign both
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"><g><rect width="48" height="48" fill="white" fill-opacity="0.01"></rect><g><path d="M10 8V16H38L42 12L38 8L10 8Z" fill="blue" stroke="#333" stroke-width="1" stroke-linejoin="round"></path><path d="M38 23V31H10L6 27L10 23L38 23Z" fill="blue" stroke="#333" stroke-width="1" stroke-linejoin="round"></path><path d="M24 31V44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M24 16V23" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M24 4V8" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M19 44H29" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path></g></g></svg>
Road sign both
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"><g><rect width="48" height="48" fill="white" fill-opacity="0.01"></rect><g><path d="M10 8V16H38L42 12L38 8L10 8Z" fill="#f3da35" stroke="#333" stroke-width="1" stroke-linejoin="round"></path><path d="M38 23V31H10L6 27L10 23L38 23Z" fill="#f3da35" stroke="#333" stroke-width="1" stroke-linejoin="round"></path><path d="M24 31V44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M24 16V23" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M24 4V8" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M19 44H29" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path></g></g></svg>
Advance Editor
You can edit road sign both as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements