Menu

Beta
Sign in
Scent Comparison SVG element, line

Scent Comparison SVG element, line

Two equal photo openings and matching caption spaces create a side-by-side layout, finished with small botanical sprigs. Use it for scent comparison carousels and product displays in an online shop.

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/NvD024YI5DQZ/amnt.svg" alt="Scent Comparison" 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="Group 1"><path d="M31 39L788 39L788 985L31 985Z" fill="none" stroke="#785743" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M54 119L397 119L397 765L54 765Z" fill="none" stroke="#785743" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M422 119L765 119L765 765L422 765Z" fill="none" stroke="#785743" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M54 787L397 787L397 919L54 919Z" fill="none" stroke="#785743" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M422 787L765 787L765 919L422 919Z" fill="none" stroke="#785743" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M50 105C69 95 87 81 106 59" fill="none" stroke="#785743" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M64 96C51 95 43 89 40 80C51 79 59 84 64 96Z" fill="none" stroke="#785743" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M77 86C75 73 79 63 88 57C92 68 88 78 77 86Z" fill="none" stroke="#785743" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M91 72C100 63 109 61 119 64C113 73 103 76 91 72Z" fill="none" stroke="#785743" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M55 101C45 103 38 109 36 118C46 118 53 112 55 101Z" fill="none" stroke="#785743" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M769 105C750 95 732 81 713 59" fill="none" stroke="#785743" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M755 96C768 95 776 89 779 80C768 79 760 84 755 96Z" fill="none" stroke="#785743" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M742 86C744 73 740 63 731 57C727 68 731 78 742 86Z" fill="none" stroke="#785743" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M728 72C719 63 710 61 700 64C706 73 716 76 728 72Z" fill="none" stroke="#785743" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M764 101C774 103 781 109 783 118C773 118 766 112 764 101Z" fill="none" stroke="#785743" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M409.5 973C398.5 966 394.5 957 397.5 947C399.5 940 405.5 934 409.5 925C410.5 934 418.5 940 421.5 948C425.5 958 420.5 967 409.5 973Z" fill="none" stroke="#785743" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M409.5 965C405.5 961 404.5 956 406.5 951" fill="none" stroke="#785743" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
CSS background-image
.scent-comparison {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/NvD024YI5DQZ/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.scent-comparison {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/NvD024YI5DQZ/amnt.svg") center / contain no-repeat;
}
React
import ScentComparisonSvg from "./scent-comparison.jsx"; // from the React tab above

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

Tags

candlescentcomparisonbotanicalframe

Made with AMNT

AMNT SVG 1.1 drew this from the words Draw one 4:5 SVG candle scent comparison carousel frame for a handmade candle shop. Use fine warm-brown outlines to create two equal side-by-side transparent photo openings within one outer frame, each with an empty caption compartment below. Add a small botanical sprig at the outer upper corners and a candle flame at the bottom center; 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