Menu

Beta
Sign in
Beta
Double Frame SVG element, flat

Double Frame SVG element, flat

Two nested rectangular outlines have a clear, even gap between them. They can border a title on a presentation slide or a photograph on a printed programme.

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/HiXIbAuEfhvL/amnt.svg" alt="Double 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="grape" data-name="Grape"><path d="M108 101c-3 1-7 4-8 7-3 8 0 74 0 87 0 33-1 66-1 99-1 66 0 133 0 200 0 130 0 261 0 392 0 7-2 21 2 28 5 10 55 6 68 6 34 0 69 0 104 0 69 0 138 0 208 0 138 0 277 0 416 0 7 0 18 2 24-3 8-6 4-61 4-73 0-35 0-70 0-104 0-70 0-139 0-208 0-96 0-191 0-286 0-31 0-60 0-90 0-14 1-27 0-40 0-5-1-11-6-14-7-3-71-1-83-1-35 0-70 0-104 0-70 0-139 0-208 0-70 0-139 0-208 0-54 0-106 0-159 0-13 0-37-3-49 0zm16 24h776v771h-776z" fill="#012363" stroke="#012363"/><path d="M177 171c-4 1-8 5-9 9-3 12 0 54 0 70 0 28 0 57 0 86 0 57 0 115 0 173 0 57 0 115 0 173 0 28 0 57 0 86 0 13-4 75 5 80 10 6 149 2 172 2 57 0 114 0 172 0 57 0 115 0 173 0 28 0 57 0 86 0 13 0 74 4 79-6 3-6 3-148 2-165-2-55 1-109 0-164-1-49 0-100 0-149 0-31-2-63-1-93 1-18 3-77 0-91-1-5-3-9-8-11-9-3-134 0-154 0-58 0-115 0-172 0-58 0-116 0-173 0-24 0-161-3-172 0zm15 24h640v631h-640z" fill="#012363" stroke="#012363"/></g></svg>
CSS background-image
.double-frame {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/HiXIbAuEfhvL/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.double-frame {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/HiXIbAuEfhvL/amnt.svg") center / contain no-repeat;
}
React
import DoubleFrameSvg from "./double-frame.jsx"; // from the React tab above

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

Tags

doubleframenestedborderframeselementflat

Made with AMNT

AMNT Draw 1.2 drew this from the words Double Frame: Two nested rectangular outlines separated by a clear, even gap. 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