Menu

Beta
Sign in
Arched Frame SVG element, flat

Arched Frame SVG element, flat

Straight sides rise from a flat base to a semicircular top. Use this tall frame for a doorway in an architectural sketch or an illustration on a storybook page.

Free · from Frames elements, flat · Set 2

Similar SVGs

More from Frames elements, flat · Set 2

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/4ZhVYL2_AVhM/amnt.svg" alt="Arched Frame" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="rust" data-name="Rust"><path d="M783 991c0-205 0-411 0-616 0-96 1-168-63-246-50-60-129-100-208-99-80 1-158 38-209 100-64 79-62 148-62 246 0 205 1 410 0 615zm-26-24h-490c0-192 0-385 0-577 0-91-7-162 51-238 46-59 118-97 194-97 74 0 148 37 193 96 58 78 52 144 52 237 0 193 0 386 0 579z" fill="#c25a34" stroke="#c25a34"/><path d="M745 955c0-187 0-374 0-561 0-87 7-160-48-233-43-58-113-94-185-94-74 0-143 37-186 95-55 73-47 148-47 234 0 186 0 373 0 559zm-15-15h-436c0-179 0-358 0-537 0-84-10-157 41-228 40-57 107-93 177-93 69 0 137 35 176 92 51 72 42 144 42 228 0 179 0 358 0 538z" fill="#c25a34" stroke="#c25a34"/></g><g id="chocolate" data-name="Chocolate"><path d="M493 17c-100 6-189 69-234 156-36 69-32 139-32 215 0 47 0 95 0 143 0 129 0 260 0 390 0 11-2 75 2 81 3 3 7 3 12 3 31 3 65 0 97 0 64 0 129 0 194 0s129 0 195 0c10 0 64 3 68-4 4-6 2-17 2-23 0-33 0-65 0-97 0-130 0-260 0-389 0-42 0-84 0-125 0-82 0-149-46-219-56-87-156-136-258-131zM783 991h-542c1-205 0-410 0-615 0-98-2-167 62-246 51-62 129-99 209-100 79-1 158 39 208 99 64 78 63 150 63 246 0 205 0 411 0 616z" fill="#4c2616" stroke="#4c2616"/></g><g id="cream" data-name="Cream"><path d="M757 967c0-193 0-386 0-579 0-93 6-159-52-237-45-59-119-96-193-96-76 0-148 38-194 97-58 76-51 147-51 238 0 192 0 385 0 577zm-12-12h-466c0-186 0-373 0-559 0-86-8-161 47-234 43-58 112-95 186-95 72 0 142 36 185 94 55 73 48 146 48 233 0 187 0 374 0 561z" fill="#faebd2" stroke="#faebd2"/></g></svg>
CSS background-image
.arched-frame {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/4ZhVYL2_AVhM/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.arched-frame {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/4ZhVYL2_AVhM/amnt.svg") center / contain no-repeat;
}
React
import ArchedFrameSvg from "./arched-frame.jsx"; // from the React tab above

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

Tags

archframedoorwayborderframeselementflat

Made with AMNT

AMNT Draw 1.2 drew this from the words Arched Frame: Tall frame with straight sides, a flat base, and a semicircular top. A flat element. as part of the pack Frames elements, flat · Set 2. 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