Menu

Beta
Sign in
Beta
Cloud Edge SVG element, flat

Cloud Edge SVG element, flat

Clusters of small and large rounded puffs rise above the solid base. Place it below a weather dashboard header or between scenes in a children’s activity sheet.

Free · from Shape dividers, flat

Similar SVGs

More from Shape dividers, flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/xdFAXTLhV4QX/amnt.svg" alt="Cloud Edge" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none" fill="currentColor"><path d="M0 81
    C9 74 21 75 29 81
    C34 66 54 62 66 72
    C72 52 101 47 115 63
    C126 55 143 61 147 73
    C160 66 175 73 178 85
    C188 77 204 78 213 86
    C219 65 247 57 263 72
    C269 55 290 51 302 63
    C315 38 350 36 365 60
    C378 48 400 54 406 71
    C422 65 437 75 438 87
    C452 76 473 79 482 91
    C491 70 518 67 532 82
    C541 51 580 44 598 72
    C612 60 634 65 642 82
    C655 74 674 78 680 91
    C689 82 705 83 715 91
    C722 68 749 61 765 77
    C773 55 800 51 814 70
    C826 43 861 42 877 66
    C889 57 906 62 912 77
    C927 66 946 72 951 87
    C963 79 978 82 985 92
    C993 74 1015 70 1028 83
    C1038 60 1068 55 1083 76
    C1095 65 1114 70 1120 84
    C1133 75 1151 79 1158 92
    C1170 81 1189 82 1200 90
    L1200 120 L0 120 Z"/></svg>
CSS background-image
.cloud-edge {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/xdFAXTLhV4QX/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.cloud-edge {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/xdFAXTLhV4QX/amnt.svg") center / contain no-repeat;
}
React
import CloudEdgeSvg from "./cloud-edge.jsx"; // from the React tab above

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

Tags

cloudspuffy edgesection dividershape dividerselementflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Cloud Edge: Irregular clusters of small and large rounded puffs rise above the filled bottom. as part of the pack Shape dividers, flat. 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