progressive-webapps/rendering-performance/css-containment
Created with Sketch.
SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Css Containment
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
2.75 KB
1.07 KB
-61%
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>progressive-webapps/rendering-performance/css-containment</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="progressive-webapps/rendering-performance/css-containment" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="container" transform="translate(2.000000, 2.000000)" fill-rule="nonzero"> <rect id="mask" stroke="#422F1E" stroke-width="2" fill="#FFFFFF" x="-1" y="-1" width="71" height="71" rx="14"> </rect> <g id="bag" transform="translate(12.000000, 14.000000)"> <rect id="Rectangle-path" fill="#E0C6A9" x="0.775862069" y="0" width="43.4482759" height="10.862069"> </rect> <polyline id="Shape" fill="#FFECD7" points="38.7931034 4.65517241 43.4482759 0 45 0 45 10.862069 43.4482759 10.862069 38.7931034 4.65517241"> </polyline> <polygon id="Shape" fill="#CCB297" points="38.7931034 4.65517241 38.7931034 10.862069 43.4482759 10.862069"> </polygon> <polyline id="Shape" fill="#FFECD7" points="6.20689655 4.65517241 1.55172414 0 0 0 0 10.862069 1.55172414 10.862069 6.20689655 4.65517241"> </polyline> <polygon id="Shape" fill="#CCB297" points="6.20689655 4.65517241 6.20689655 10.862069 1.55172414 10.862069"> </polygon> <path d="M42.0967241,41.8965517 L2.90327586,41.8965517 C1.29956897,41.8965517 0,40.5969828 0,38.9932759 L0,10.862069 L45,10.862069 L45,38.9932759 C45,40.5969828 43.700431,41.8965517 42.0967241,41.8965517 Z" id="Shape" fill="#F0D7B8"> </path> <circle id="Oval" fill="#72543A" cx="13.1896552" cy="17.0689655" r="2.32758621"> </circle> <circle id="Oval" fill="#72543A" cx="31.8103448" cy="17.0689655" r="2.32758621"> </circle> <path d="M22.5,31.8103448 C16.9386207,31.8103448 12.4137931,27.2855172 12.4137931,21.7241379 L12.4137931,17.0689655 C12.4137931,16.6399138 12.7606034,16.2931034 13.1896552,16.2931034 C13.6187069,16.2931034 13.9655172,16.6399138 13.9655172,17.0689655 L13.9655172,21.7241379 C13.9655172,26.4297414 17.7943966,30.2586207 22.5,30.2586207 C27.2056034,30.2586207 31.0344828,26.4297414 31.0344828,21.7241379 L31.0344828,17.0689655 C31.0344828,16.6399138 31.3812931,16.2931034 31.8103448,16.2931034 C32.2393966,16.2931034 32.5862069,16.6399138 32.5862069,17.0689655 L32.5862069,21.7241379 C32.5862069,27.2855172 28.0613793,31.8103448 22.5,31.8103448 Z" id="Shape" fill="#CEB69E"> </path> </g> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
progressive-webapps/rendering-performance/css-containment
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
2.75 KB
1.07 KB
-61%
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>progressive-webapps/rendering-performance/css-containment</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="progressive-webapps/rendering-performance/css-containment" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="container" transform="translate(2.000000, 2.000000)" fill-rule="nonzero"> <rect id="mask" stroke="#422F1E" stroke-width="2" fill="#FFFFFF" x="-1" y="-1" width="71" height="71" rx="14"> </rect> <g id="bag" transform="translate(12.000000, 14.000000)"> <rect id="Rectangle-path" fill="#E0C6A9" x="0.775862069" y="0" width="43.4482759" height="10.862069"> </rect> <polyline id="Shape" fill="#FFECD7" points="38.7931034 4.65517241 43.4482759 0 45 0 45 10.862069 43.4482759 10.862069 38.7931034 4.65517241"> </polyline> <polygon id="Shape" fill="#CCB297" points="38.7931034 4.65517241 38.7931034 10.862069 43.4482759 10.862069"> </polygon> <polyline id="Shape" fill="#FFECD7" points="6.20689655 4.65517241 1.55172414 0 0 0 0 10.862069 1.55172414 10.862069 6.20689655 4.65517241"> </polyline> <polygon id="Shape" fill="#CCB297" points="6.20689655 4.65517241 6.20689655 10.862069 1.55172414 10.862069"> </polygon> <path d="M42.0967241,41.8965517 L2.90327586,41.8965517 C1.29956897,41.8965517 0,40.5969828 0,38.9932759 L0,10.862069 L45,10.862069 L45,38.9932759 C45,40.5969828 43.700431,41.8965517 42.0967241,41.8965517 Z" id="Shape" fill="#F0D7B8"> </path> <circle id="Oval" fill="#72543A" cx="13.1896552" cy="17.0689655" r="2.32758621"> </circle> <circle id="Oval" fill="#72543A" cx="31.8103448" cy="17.0689655" r="2.32758621"> </circle> <path d="M22.5,31.8103448 C16.9386207,31.8103448 12.4137931,27.2855172 12.4137931,21.7241379 L12.4137931,17.0689655 C12.4137931,16.6399138 12.7606034,16.2931034 13.1896552,16.2931034 C13.6187069,16.2931034 13.9655172,16.6399138 13.9655172,17.0689655 L13.9655172,21.7241379 C13.9655172,26.4297414 17.7943966,30.2586207 22.5,30.2586207 C27.2056034,30.2586207 31.0344828,26.4297414 31.0344828,21.7241379 L31.0344828,17.0689655 C31.0344828,16.6399138 31.3812931,16.2931034 31.8103448,16.2931034 C32.2393966,16.2931034 32.5862069,16.6399138 32.5862069,17.0689655 L32.5862069,21.7241379 C32.5862069,27.2855172 28.0613793,31.8103448 22.5,31.8103448 Z" id="Shape" fill="#CEB69E"> </path> </g> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
progressive-webapps/rendering-performance/css-containment
Created with Sketch.
100%
Download SVG