Menu

Beta
Sign in
Before And After SVG element, line

Before And After SVG element, line

Two photo openings sit side by side inside a sage frame, with fern corners and separate caption strips. Compare floral setups in Instagram posts and wedding planning presentations.

Free · from Wedding Florist Social Frames

Similar SVGs

More from Wedding Florist Social Frames

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/D6pUVjLbWtZP/amnt.svg" alt="Before And After" 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="M34.5 34.5L784.5 34.5L784.5 989.5L34.5 989.5Z" fill="none" stroke="#819687" stroke-width="1.5" stroke-linecap="square"/><path d="M63.5 64.5L755.5 64.5L755.5 959.5L63.5 959.5Z" fill="none" stroke="#819687" stroke-width="0.85" stroke-linecap="square"/><path d="M409.5 64.5L409.5 959.5M63.5 797.5L755.5 797.5" fill="none" stroke="#819687" stroke-width="1" stroke-linecap="square"/></g><g id="layer-2" data-name="Group 2" opacity="0.9"><path d="M72 942C89 913 107 885 148 853" fill="none" stroke="#819687" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round"/><path d="M86 919C77 908 74 899 74 890M92 910C81 902 79 892 80 884M99 900C90 891 89 882 91 874M107 890C100 881 101 872 104 865M115 881C111 872 113 864 117 858M124 872C122 864 125 857 130 852" fill="none" stroke="#819687" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round"/><path d="M86 919C100 917 110 911 116 903M92 910C106 907 116 900 121 892M99 900C113 896 121 889 126 881M107 890C120 885 128 878 131 871M115 881C127 876 134 869 136 863M124 872C134 867 140 861 141 856" fill="none" stroke="#819687" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round"/><path d="M74 890C84 894 88 903 86 919C77 911 73 900 74 890ZM80 884C90 887 95 896 92 910C84 902 80 893 80 884ZM91 874C99 879 103 887 99 900C92 892 89 883 91 874ZM104 865C111 871 113 879 107 890C102 881 101 872 104 865ZM117 858C123 865 124 871 115 881C112 872 113 864 117 858ZM130 852C134 859 132 865 124 872C122 864 125 857 130 852Z" fill="none" stroke="#819687" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round"/><path d="M116 903C107 902 97 908 86 919C100 917 110 911 116 903ZM121 892C112 893 102 900 92 910C106 907 116 900 121 892ZM126 881C117 883 108 891 99 900C113 896 121 889 126 881ZM131 871C122 874 115 882 107 890C120 885 128 878 131 871ZM136 863C128 866 121 874 115 881C127 876 134 869 136 863ZM141 856C133 860 128 867 124 872C134 867 140 861 141 856Z" fill="none" stroke="#819687" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round"/><path d="M148 853C154 849 159 847 163 846" fill="none" stroke="#819687" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round"/><path d="M97 949C99.61 925.61 103.15 902.58 120.26 870.45" fill="none" stroke="#819687" stroke-width="0.95" stroke-linecap="round" stroke-linejoin="round"/><path d="M99.4 930.31C90.52 925.83 86.04 920.93 83.47 915.18M100.68 922.84C91.37 920.86 87.24 915.03 85.6 909.63M102.31 914.45C93.99 911.26 90.79 905.79 89.79 900.11M104.58 905.78C97.54 902.02 95.61 895.98 95.54 890.65M107.13 897.75C102.01 893.13 101.01 887.45 101.86 882.47M110.32 889.43C106.77 884.88 106.69 879.55 108.47 874.93" fill="none" stroke="#819687" stroke-width="0.95" stroke-linecap="round" stroke-linejoin="round"/><path d="M99.4 930.31C107.79 925.04 112.47 918.36 114.03 911.53M100.68 922.84C108.78 916.94 113.18 909.61 114.1 903.07M102.31 914.45C110.12 907.91 113.24 901.16 114.16 894.62M104.58 905.78C111.47 898.88 114.59 892.13 114.51 886.8M107.13 897.75C113.38 891.13 115.86 884.67 115.43 880.26M110.32 889.43C115.29 883.39 117.42 877.84 116.64 874.36" fill="none" stroke="#819687" stroke-width="0.95" stroke-linecap="round" stroke-linejoin="round"/><path d="M83.47 915.18C91.01 914.89 96.13 919.5 99.4 930.31C91.37 927.75 85.68 921.86 83.47 915.18ZM85.6 909.63C92.85 908.7 98.61 913.04 100.68 922.84C93.29 920 88.16 915.39 85.6 909.63ZM89.79 900.11C96.33 901.03 101.16 905 102.31 914.45C95.55 911.33 91.07 906.43 89.79 900.11ZM95.54 890.65C101.72 892.49 105.28 897.04 104.58 905.78C98.82 901.45 95.61 895.98 95.54 890.65ZM101.86 882.47C107.69 885.24 110.04 888.79 107.13 897.75C102.65 892.85 101.01 887.45 101.86 882.47ZM108.47 874.93C113.02 878.27 113.45 882.68 110.32 889.43C106.77 884.88 106.69 879.55 108.47 874.93Z" fill="none" stroke="#819687" stroke-width="0.95" stroke-linecap="round" stroke-linejoin="round"/><
…
CSS background-image
.before-and-after {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/D6pUVjLbWtZP/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.before-and-after {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/D6pUVjLbWtZP/amnt.svg") center / contain no-repeat;
}
React
import BeforeAndAfterSvg from "./before-and-after.jsx"; // from the React tab above

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

Tags

beforeaftercomparisonfernflorist

Made with AMNT

AMNT SVG 1.1 drew this from the words Draw one portrait 4:5 SVG wedding florist before-and-after post frame: two equal transparent vertical photo openings separated by a fine sage rule, an outer rectangular outline, small fern fronds at the outer bottom corners, and a blank caption strip beneath each opening. Use botanical vector linework with no lettering or photos. as part of the pack Wedding Florist Social Frames. 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