fundamentals/css/margin-collapsing
Created with Sketch.
SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Margin Collapsing
Web Skills Flat Vectors
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
4.51 KB
1.58 KB
-65%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="UTF-8"?> <!-- License: MIT. Made by Andreas Mehlsen: https://github.com/andreasbm/web-skills/ --> <svg width="800px" height="800px" viewBox="0 0 73 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>fundamentals/css/margin-collapsing</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="fundamentals/css/margin-collapsing" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="container" transform="translate(0.000000, 2.000000)" fill-rule="nonzero"> <rect id="mask" stroke="#53565C" stroke-width="2" fill="#FFFFFF" x="1" y="-1" width="71" height="71" rx="14"> </rect> <g id="rocks" transform="translate(0.000000, 4.000000)"> <path d="M53.890625,60.9595759 L53.890625,66.0133605 L14.6129279,66.0133605 C6.00409007,64.3635345 1.41770458,59.0308518 0.853771431,50.0153125 C0.898001482,36.1149465 1.06578231,21.6188008 1.35711392,6.5268756 L4.39104719,0.16790312 L16.7608713,7.98451309 L23.5312019,14.115772 L26.7987667,23 L28.1952818,31.0328544 L28.3359124,31.8419252 L29.8383454,33.2010575 L33.9940681,36.9607003 L34.7248131,39.1280134 L35.640692,41.8453878 L36.2014342,43.5080329 L37.2810854,44.0580943 L48.9845759,50.0153125 L49.7028599,55.6601172 L49.903125,57.2355357 L50.8243443,58.0953404 L53.890625,60.9595759 Z" id="Shape" fill="#C8AD92"> </path> <g id="Group" transform="translate(16.570871, 2.146763)" fill="#A17852"> <polygon id="Shape" points="25.2872952 31.0014241 21.2590301 35.7876702 26.4717073 40.490161 31.8544763 35.0733915"> </polygon> <polygon id="Shape" transform="translate(4.797723, 5.042616) rotate(-60.000000) translate(-4.797723, -5.042616) " points="3.88769999 2 1 5.06947235 4.73675704 8.0852315 8.595446 4.61139752"> </polygon> <rect id="Rectangle-path" transform="translate(31.352375, 41.834346) rotate(139.928850) translate(-31.352375, -41.834346) " x="30.0750712" y="40.5501001" width="2.55460685" height="2.56849107"> </rect> <rect id="Rectangle-path" transform="translate(9.352375, 9.834346) rotate(102.928848) translate(-9.352375, -9.834346) " x="8.07507119" y="8.55010011" width="2.55460685" height="2.56849107"> </rect> <rect id="Rectangle-path" transform="translate(10.352375, 2.834346) rotate(115.928848) translate(-10.352375, -2.834346) " x="9.07507119" y="1.55010011" width="2.55460685" height="2.56849107"> </rect> <polygon id="Shape" points="18.1539425 45.0390262 16.8428739 46.643817 17.3448717 49.87476 14.7067132 50.2850809 14.0213616 45.8774693 18.1539425 40.8192187 19.0698214 39.6986244 19.6305636 41.3612695 20.7102148 41.9113309"> </polygon> </g> <polygon id="Shape" fill="#715539" points="50.8243443 58.0953404 46.7985714 60.429986 45.423418 63.6840709 42.9641629 62.6453627 44.0233426 60.137154 40.9267997 58.6026786 42.1123689 56.2101786 45.6931083 57.9849721 49.7028599 55.6601172 49.903125 57.2355357"> </polygon> <polygon id="Shape" fill="#A17852" points="26.9046847 36.4845145 27.1441127 39.2855552 24.4837026 39.5125223 24.1463672 35.5641853 28.1952818 31.0328544 28.3359124 31.8419252 29.8383454 33.2010575"> </polygon> <polygon id="Shape" fill="#A17852" points="19.7583175 16.6425893 19.9977455 19.44363 17.3373354 19.6705971 17 15.72226 21.1895452 12 22.6919782 13.3591323"> </polygon> <polygon id="Shape" fill="#B38A65" points="53.890625 60.9595759 53.890625 68.5714286 34.7248131 68.5714286 34.7248131 39.1280134 35.640692 41.8453878 36.2014342 43.5080329 37.2810854 44.0580943 48.9845759 50.0153125 49.7028599 55.6601172 49.903125 57.2355357 50.8243443 58.0953404"> </polygon> <g id="Group" transform="translate(34.665179, 41.780413)" fill="#715539"> <polygon id="Shape" points="1.53625558 1.72761998 2.61590681 2.27768136 0.0596344866 5.40537667 0.0596344866 1.1855692 0.975513393 0.0649748884"> </polygon> <polygon id="Shape" points="16.1591657 16.3149275 12.1333929 18.6495731 10.7582394 21.9036579 8.29898438 20.8649498 9.35816406 18.3567411 6.26162109 16.8222656 7.44719029 14.4297656 11.0279297 16.2045592 15.0376814 13.8797042 15.2379464 15.4551228"> </polygon> </g> </g> <rect id="mask" stroke="#53565C" stroke-width="2" x="1" y="-1" width="71" height="71" rx="14"> </rect> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
fundamentals/css/margin-collapsing
Created with Sketch.
100%
Download SVG
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
4.51 KB
1.58 KB
-65%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="UTF-8"?> <!-- License: MIT. Made by Andreas Mehlsen: https://github.com/andreasbm/web-skills/ --> <svg width="800px" height="800px" viewBox="0 0 73 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>fundamentals/css/margin-collapsing</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="fundamentals/css/margin-collapsing" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="container" transform="translate(0.000000, 2.000000)" fill-rule="nonzero"> <rect id="mask" stroke="#53565C" stroke-width="2" fill="#FFFFFF" x="1" y="-1" width="71" height="71" rx="14"> </rect> <g id="rocks" transform="translate(0.000000, 4.000000)"> <path d="M53.890625,60.9595759 L53.890625,66.0133605 L14.6129279,66.0133605 C6.00409007,64.3635345 1.41770458,59.0308518 0.853771431,50.0153125 C0.898001482,36.1149465 1.06578231,21.6188008 1.35711392,6.5268756 L4.39104719,0.16790312 L16.7608713,7.98451309 L23.5312019,14.115772 L26.7987667,23 L28.1952818,31.0328544 L28.3359124,31.8419252 L29.8383454,33.2010575 L33.9940681,36.9607003 L34.7248131,39.1280134 L35.640692,41.8453878 L36.2014342,43.5080329 L37.2810854,44.0580943 L48.9845759,50.0153125 L49.7028599,55.6601172 L49.903125,57.2355357 L50.8243443,58.0953404 L53.890625,60.9595759 Z" id="Shape" fill="#C8AD92"> </path> <g id="Group" transform="translate(16.570871, 2.146763)" fill="#A17852"> <polygon id="Shape" points="25.2872952 31.0014241 21.2590301 35.7876702 26.4717073 40.490161 31.8544763 35.0733915"> </polygon> <polygon id="Shape" transform="translate(4.797723, 5.042616) rotate(-60.000000) translate(-4.797723, -5.042616) " points="3.88769999 2 1 5.06947235 4.73675704 8.0852315 8.595446 4.61139752"> </polygon> <rect id="Rectangle-path" transform="translate(31.352375, 41.834346) rotate(139.928850) translate(-31.352375, -41.834346) " x="30.0750712" y="40.5501001" width="2.55460685" height="2.56849107"> </rect> <rect id="Rectangle-path" transform="translate(9.352375, 9.834346) rotate(102.928848) translate(-9.352375, -9.834346) " x="8.07507119" y="8.55010011" width="2.55460685" height="2.56849107"> </rect> <rect id="Rectangle-path" transform="translate(10.352375, 2.834346) rotate(115.928848) translate(-10.352375, -2.834346) " x="9.07507119" y="1.55010011" width="2.55460685" height="2.56849107"> </rect> <polygon id="Shape" points="18.1539425 45.0390262 16.8428739 46.643817 17.3448717 49.87476 14.7067132 50.2850809 14.0213616 45.8774693 18.1539425 40.8192187 19.0698214 39.6986244 19.6305636 41.3612695 20.7102148 41.9113309"> </polygon> </g> <polygon id="Shape" fill="#715539" points="50.8243443 58.0953404 46.7985714 60.429986 45.423418 63.6840709 42.9641629 62.6453627 44.0233426 60.137154 40.9267997 58.6026786 42.1123689 56.2101786 45.6931083 57.9849721 49.7028599 55.6601172 49.903125 57.2355357"> </polygon> <polygon id="Shape" fill="#A17852" points="26.9046847 36.4845145 27.1441127 39.2855552 24.4837026 39.5125223 24.1463672 35.5641853 28.1952818 31.0328544 28.3359124 31.8419252 29.8383454 33.2010575"> </polygon> <polygon id="Shape" fill="#A17852" points="19.7583175 16.6425893 19.9977455 19.44363 17.3373354 19.6705971 17 15.72226 21.1895452 12 22.6919782 13.3591323"> </polygon> <polygon id="Shape" fill="#B38A65" points="53.890625 60.9595759 53.890625 68.5714286 34.7248131 68.5714286 34.7248131 39.1280134 35.640692 41.8453878 36.2014342 43.5080329 37.2810854 44.0580943 48.9845759 50.0153125 49.7028599 55.6601172 49.903125 57.2355357 50.8243443 58.0953404"> </polygon> <g id="Group" transform="translate(34.665179, 41.780413)" fill="#715539"> <polygon id="Shape" points="1.53625558 1.72761998 2.61590681 2.27768136 0.0596344866 5.40537667 0.0596344866 1.1855692 0.975513393 0.0649748884"> </polygon> <polygon id="Shape" points="16.1591657 16.3149275 12.1333929 18.6495731 10.7582394 21.9036579 8.29898438 20.8649498 9.35816406 18.3567411 6.26162109 16.8222656 7.44719029 14.4297656 11.0279297 16.2045592 15.0376814 13.8797042 15.2379464 15.4551228"> </polygon> </g> </g> <rect id="mask" stroke="#53565C" stroke-width="2" x="1" y="-1" width="71" height="71" rx="14"> </rect> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
fundamentals/css/margin-collapsing
Created with Sketch.
100%
Download SVG