Menu

Beta
Sign in
Beta
Detour Sign SVG illustration, flat

Detour Sign SVG illustration, flat

A bent arrow on a roadside sign points around a blocked path. Add it to a route change notice or a navigation help page.

Free · from Error Pages, Flat Illustrations

Similar SVGs

More from Error Pages, Flat Illustrations

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/yCIcUIfBFZ8X/amnt.svg" alt="Detour Sign" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300"><ellipse cx="201" cy="254" rx="133" ry="13" fill="#E9EEF0"/><path d="M235 139H262L314 247H183Z" fill="#D9E3E5"/><path d="M246 150H251L256 170H250Z M257 183H263L271 207H264Z M276 223H269L275 240H284Z" fill="#FFFFFF"/><path d="M203 207L194 244H202L211 207Z M285 207L294 244H302L293 207Z" fill="#7D969D"/><rect x="195" y="196" width="106" height="24" rx="3" fill="#E9BD8E"/><path d="M205 196H221L208 220H195V215Z M239 196H255L242 220H226Z M273 196H289L276 220H260Z" fill="#B77960"/><rect x="125" y="156" width="14" height="95" rx="3" fill="#7D969D"/><path d="M125 157H130V247H125Z" fill="#ABC2C6"/><path d="M81 64H186C190 64 194 68 194 72V160C194 164 190 168 186 168H81C77 168 73 164 73 160V72C73 68 77 64 81 64Z" fill="#B77960"/><rect x="73" y="59" width="121" height="104" rx="8" fill="#E9BD8E"/><rect x="81" y="67" width="105" height="88" rx="4" fill="none" stroke="#B77960" stroke-width="2"/><path d="M124 141V122C124 115 128 111 135 111H150V99H119V106L98 91L119 76V83H153C161 83 166 88 166 96V114C166 122 161 127 153 127H140V141Z" fill="#425B65"/><circle cx="89" cy="75" r="2" fill="#FFFFFF"/><circle cx="178" cy="75" r="2" fill="#FFFFFF"/><circle cx="89" cy="147" r="2" fill="#FFFFFF"/><circle cx="178" cy="147" r="2" fill="#FFFFFF"/><path d="M106 252H158" fill="none" stroke="#ABC2C6" stroke-width="3" stroke-linecap="round"/><path d="M323 247L326 235L330 247Z M78 247L82 237L86 247Z" fill="#ABC2C6"/></svg>
CSS background-image
.detour-sign {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/yCIcUIfBFZ8X/amnt.svg");
  background-size: contain;
}
React
import DetourSignSvg from "./detour-sign.jsx"; // from the React tab above

<DetourSignSvg width={48} height={48} />

Tags

detourdirectionroadrerouteerrorsillustrationflat

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Detour Sign: A roadside sign with a bent directional arrow pointing around a blocked path. as part of the pack Error Pages, Flat Illustrations. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Settings