Menu

Beta
Sign in
Citrus Candle SVG element, line

Citrus Candle SVG element, line

Orange slices and leafy citrus twigs accent opposite corners of a simple rectangular frame, leaving room for a product photo. Use it for Instagram launches and an online store banner.

Free · from Candle Shop Post Frames, Line

Similar SVGs

More from Candle Shop Post Frames, Line

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/KvPIQJ2iri77/amnt.svg" alt="Citrus Candle" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 819 1024" width="819" height="1024"><g id="layer-1" data-name="Rectangle 1"><path d="M49 49L770 49L770 975L49 975Z" fill="none" stroke="#9b694e" stroke-width="2"/></g><g id="layer-2" data-name="Group 2"><path d="M770 216C752 189 742 158 738 121C735 95 723 72 704 49" fill="none" stroke="#8b7951" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M739 132C720 120 706 106 698 89" fill="none" stroke="#8b7951" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M751 171C770 154 780 139 787 119" fill="none" stroke="#8b7951" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M726 101C746 91 758 77 765 59" fill="none" stroke="#8b7951" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-3" data-name="Copy 3" transform="matrix(-0.951057 -0.309017 0.309017 -0.951057 739 133)"><path d="M0 0C7 -17 23 -23 38 -20C33 -5 20 5 0 0Z" fill="#8a9b67" stroke="#718452" stroke-width="1.5"/><path d="M2 0C15 -7 26 -13 36 -20" fill="none" stroke="#718452" stroke-width="1.2"/></g><g id="layer-4" data-name="Copy 4" transform="matrix(0.731354 -0.681998 0.681998 0.731354 749 169)"><path d="M0 0C7 -17 23 -23 38 -20C33 -5 20 5 0 0Z" fill="#8a9b67" stroke="#718452" stroke-width="1.5"/><path d="M2 0C15 -7 26 -13 36 -20" fill="none" stroke="#718452" stroke-width="1.2"/></g><g id="layer-5" data-name="Copy 5" transform="matrix(-0.882948 -0.469472 0.469472 -0.882948 719 91)"><path d="M0 0C7 -17 23 -23 38 -20C33 -5 20 5 0 0Z" fill="#8a9b67" stroke="#718452" stroke-width="1.5"/><path d="M2 0C15 -7 26 -13 36 -20" fill="none" stroke="#718452" stroke-width="1.2"/></g><g id="layer-6" data-name="Copy 6" transform="matrix(0.545599 -0.585083 0.585083 0.545599 744 93)"><path d="M0 0C7 -17 23 -23 38 -20C33 -5 20 5 0 0Z" fill="#8a9b67" stroke="#718452" stroke-width="1.5"/><path d="M2 0C15 -7 26 -13 36 -20" fill="none" stroke="#718452" stroke-width="1.2"/></g><g id="layer-7" data-name="Copy 7" transform="matrix(0.951057 0.309017 -0.309017 0.951057 732 80)"><path d="M46 0C46 25.41 25.41 46 0 46C-25.41 46 -46 25.41 -46 0C-46 -25.41 -25.41 -46 0 -46C25.41 -46 46 -25.41 46 0Z" fill="#fff6e8" stroke="#b87549" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M40 0C40 22.09 22.09 40 0 40C-22.09 40 -40 22.09 -40 0C-40 -22.09 -22.09 -40 0 -40C22.09 -40 40 -22.09 40 0Z" fill="none" stroke="#e99240" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="M31 0C31 17.12 17.12 31 0 31C-17.12 31 -31 17.12 -31 0C-31 -17.12 -17.12 -31 0 -31C17.12 -31 31 -17.12 31 0Z" fill="none" stroke="#d9873d" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 0C4 2.21 2.21 4 0 4C-2.21 4 -4 2.21 -4 0C-4 -2.21 -2.21 -4 0 -4C2.21 -4 4 -2.21 4 0Z" fill="#fff6e8" stroke="#d9873d" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/><path d="M0 -5L0 -30M4 -3L25 -18M5 2L29 10M2 5L11 29M-3 4L-22 21M-5 -1L-29 -9M-3 -4L-12 -28" fill="none" stroke="#d9873d" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-8" data-name="Copy 8" transform="matrix(0.788235 -0.226023 0.226023 0.788235 771 185)"><path d="M46 0C46 25.41 25.41 46 0 46C-25.41 46 -46 25.41 -46 0C-46 -25.41 -25.41 -46 0 -46C25.41 -46 46 -25.41 46 0Z" fill="#fff6e8" stroke="#b87549" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M40 0C40 22.09 22.09 40 0 40C-22.09 40 -40 22.09 -40 0C-40 -22.09 -22.09 -40 0 -40C22.09 -40 40 -22.09 40 0Z" fill="none" stroke="#e99240" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="M31 0C31 17.12 17.12 31 0 31C-17.12 31 -31 17.12 -31 0C-31 -17.12 -17.12 -31 0 -31C17.12 -31 31 -17.12 31 0Z" fill="none" stroke="#d9873d" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 0C4 2.21 2.21 4 0 4C-2.21 4 -4 2.21 -4 0C-4 -2.21 -2.21 -4 0 -4C2.21 -4 4 -2.21 4 0Z" fill="#fff6e8" stroke="#d9873d" st
…
CSS background-image
.citrus-candle {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/KvPIQJ2iri77/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.citrus-candle {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/KvPIQJ2iri77/amnt.svg") center / contain no-repeat;
}
React
import CitrusCandleSvg from "./citrus-candle.jsx"; // from the React tab above

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

Tags

candlecitrusorangeframelaunch

Made with AMNT

AMNT SVG 1.1 drew this from the words Draw one 4:5 SVG citrus candle launch post frame for a handmade candle shop. Build a thin warm-brown rectangular outline with orange slices and leafy citrus twigs integrated into opposite corners. Preserve a clear transparent product-photo opening and a blank header area; no text or shading. as part of the pack Candle Shop Post Frames, Line. 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