Menu

Beta
Sign in
Candle Refill SVG element, line

Candle Refill SVG element, line

An empty vessel and a filled candle sit at opposite lower corners, with curved arrows built into the side borders. Use it for refill service posts and a refill information page.

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/T-8Gx3ZD2yMq/amnt.svg" alt="Candle Refill" 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="Shape 1"><path d="M36 234L36 54C36 42 42 36 54 36L765 36C777 36 783 42 783 54L783 234" fill="none" stroke="#8a624b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-2" data-name="Shape 2"><path d="M36 679L36 970C36 982 42 988 54 988L283 988" fill="none" stroke="#8a624b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-3" data-name="Shape 3"><path d="M536 988L765 988C777 988 783 982 783 970L783 679" fill="none" stroke="#8a624b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-4" data-name="Shape 4"><path d="M36 264C67 302 74 362 58 423C49 458 37 480 36 503" fill="none" stroke="#8a624b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-5" data-name="Shape 5"><path d="M24 486L36 505L49 488" fill="none" stroke="#8a624b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-6" data-name="Shape 6"><path d="M783 647C752 609 745 549 761 488C770 453 782 431 783 408" fill="none" stroke="#8a624b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-7" data-name="Shape 7"><path d="M770 423L783 405L795 422" fill="none" stroke="#8a624b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-8" data-name="Shape 8"><path d="M88 806C88 795 124 786 169 786C214 786 250 795 250 806" fill="none" stroke="#8a624b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-9" data-name="Ellipse 9"><path d="M250 807C250 818.05 213.74 827 169 827C124.26 827 88 818.05 88 807C88 795.95 124.26 787 169 787C213.74 787 250 795.95 250 807Z" fill="none" stroke="#8a624b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-10" data-name="Shape 10"><path d="M88 807L99 948C100 964 131 975 169 975C207 975 238 964 239 948L250 807" fill="none" stroke="#8a624b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-11" data-name="Shape 11"><path d="M100 824L110 944C111 955 136 963 169 963C202 963 227 955 228 944L239 824" fill="none" stroke="#8a624b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-12" data-name="Shape 12"><path d="M109 945C135 951 203 951 229 945" fill="none" stroke="#8a624b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-13" data-name="Ellipse 13"><path d="M731 807C731 818.05 694.74 827 650 827C605.26 827 569 818.05 569 807C569 795.95 605.26 787 650 787C694.74 787 731 795.95 731 807Z" fill="none" stroke="#8a624b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-14" data-name="Shape 14"><path d="M569 807L580 948C581 964 612 975 650 975C688 975 719 964 720 948L731 807" fill="none" stroke="#8a624b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-15" data-name="Shape 15"><path d="M581 825L591 943C592 955 617 963 650 963C683 963 708 955 709 943L719 825" fill="none" stroke="#8a624b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-16" data-name="Shape 16"><path d="M581 837C600 830 624 827 650 827C676 827 700 830 719 837" fill="none" stroke="#8a624b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-17" data-name="Shape 17"><path d="M585 849C602 855 625 858 650 858C675 858 698 855 715 849" fill="none" stroke="#8a624b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-18" data-name="Shape 18"><path d="M650 829L650 811" fill="none" stroke="#8a624b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-19" data-name="Shape 19"><path d="M644 805C648 802.33 652 802.33 656 805" fill="none" stroke="#8a624b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
CSS background-image
.candle-refill {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/T-8Gx3ZD2yMq/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.candle-refill {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/T-8Gx3ZD2yMq/amnt.svg") center / contain no-repeat;
}
React
import CandleRefillSvg from "./candle-refill.jsx"; // from the React tab above

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

Tags

candlerefillvesselarrowsframe

Made with AMNT

AMNT SVG 1.1 drew this from the words Draw one 4:5 SVG candle refill service post frame for a handmade candle shop. Use fine warm-brown outlines with an empty candle vessel at the lower-left corner, a filled candle vessel at the lower-right corner, and two curved arrows incorporated into the side borders. Keep the central opening transparent for a photo and service details; 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