Beta

Mirror Frame SVG element, flat

Free

A tall, rounded mirror outline stands on a short stem and flat base. Add it to a dressing-room diagram or a bathroom fixture guide.

Sign in to download. Free SVGs are free with any account.

mirrorframereflectionvanityframeselementflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/02olcfcLBbNv/amnt.svg" alt="Mirror Frame" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M100 10c-34 0-55 24-55 57v58c0 31 22 51 55 51s55-20 55-51V67c0-33-21-57-55-57Zm0 10c-28 0-45 20-45 47v58c0 25 18 41 45 41s45-16 45-41V67c0-27-17-47-45-47Z"/><path d="M94 175h12v10H94zM64 185h72a5 5 0 0 1 5 5v2H59v-2a5 5 0 0 1 5-5Z"/></svg>
CSS background-image
.mirror-frame {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/02olcfcLBbNv/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.mirror-frame {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/02olcfcLBbNv/amnt.svg") center / contain no-repeat;
}
React
import MirrorFrameSvg from "./mirror-frame.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Mirror Frame: Tall rounded mirror outline above a short central stand and flat base. as part of the pack Frames elements, flat. Want one like it? Make your own in the SVG studio.

Rest of Frames elements, flat

Whole pack

Similar SVGs

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