fundamentals/css/grid
Created with Sketch.
SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Grid
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
5.86 KB
1.85 KB
-68%
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/grid</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="fundamentals/css/grid" 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="#004FAC" stroke-width="2" fill="#FFFFFF" x="-1" y="-1" width="71" height="71" rx="14"> </rect> <g id="grid" transform="translate(16.000000, 16.000000)"> <polygon id="Shape" fill="#57A4FF" points="14 14 24 14 24 24 14 24"> </polygon> <polygon id="Shape" fill="#57A4FF" points="14 1 24 1 24 11 14 11"> </polygon> <polygon id="Shape" fill="#57A4FF" points="14 28 24 28 24 38 14 38"> </polygon> <polygon id="Shape" fill="#57A4FF" points="1 14 11 14 11 24 1 24"> </polygon> <polygon id="Shape" fill="#57A4FF" points="1 1 11 1 11 11 1 11"> </polygon> <polygon id="Shape" fill="#57A4FF" points="1 28 11 28 11 38 1 38"> </polygon> <g id="Group" fill="#004FAC"> <path d="M23.9032258,13.483871 L14.0967742,13.483871 C13.7582771,13.483871 13.483871,13.7582771 13.483871,14.0967742 L13.483871,23.9032258 C13.483871,24.2417229 13.7582771,24.516129 14.0967742,24.516129 L23.9032258,24.516129 C24.2417229,24.516129 24.516129,24.2417229 24.516129,23.9032258 L24.516129,14.0967742 C24.516129,13.7582771 24.2417229,13.483871 23.9032258,13.483871 Z M23.2903226,23.2903226 L14.7096774,23.2903226 L14.7096774,14.7096774 L23.2903226,14.7096774 L23.2903226,23.2903226 Z" id="Shape"> </path> <path d="M23.9032258,0 L14.0967742,0 C13.7582771,0 13.483871,0.274406121 13.483871,0.612903226 L13.483871,10.4193548 C13.483871,10.7578519 13.7582771,11.0322581 14.0967742,11.0322581 L23.9032258,11.0322581 C24.2417229,11.0322581 24.516129,10.7578519 24.516129,10.4193548 L24.516129,0.612903226 C24.516129,0.274406121 24.2417229,0 23.9032258,0 Z M23.2903226,9.80645161 L14.7096774,9.80645161 L14.7096774,1.22580645 L23.2903226,1.22580645 L23.2903226,9.80645161 Z" id="Shape"> </path> <path d="M23.9032258,26.9677419 L14.0967742,26.9677419 C13.7582771,26.9677419 13.483871,27.2421481 13.483871,27.5806452 L13.483871,37.3870968 C13.483871,37.7255939 13.7582771,38 14.0967742,38 L23.9032258,38 C24.2417229,38 24.516129,37.7255939 24.516129,37.3870968 L24.516129,27.5806452 C24.516129,27.2421481 24.2417229,26.9677419 23.9032258,26.9677419 Z M23.2903226,36.7741935 L14.7096774,36.7741935 L14.7096774,28.1935484 L23.2903226,28.1935484 L23.2903226,36.7741935 Z" id="Shape"> </path> <path d="M10.4193548,13.483871 L0.612903226,13.483871 C0.274406121,13.483871 0,13.7582771 0,14.0967742 L0,23.9032258 C0,24.2417229 0.274406121,24.516129 0.612903226,24.516129 L10.4193548,24.516129 C10.7578519,24.516129 11.0322581,24.2417229 11.0322581,23.9032258 L11.0322581,14.0967742 C11.0322581,13.7582771 10.7578519,13.483871 10.4193548,13.483871 Z M9.80645161,23.2903226 L1.22580645,23.2903226 L1.22580645,14.7096774 L9.80645161,14.7096774 L9.80645161,23.2903226 Z" id="Shape"> </path> <path d="M10.4193548,0 L0.612903226,0 C0.274406121,0 0,0.274406121 0,0.612903226 L0,10.4193548 C0,10.7578519 0.274406121,11.0322581 0.612903226,11.0322581 L10.4193548,11.0322581 C10.7578519,11.0322581 11.0322581,10.7578519 11.0322581,10.4193548 L11.0322581,0.612903226 C11.0322581,0.274406121 10.7578519,0 10.4193548,0 Z M9.80645161,9.80645161 L1.22580645,9.80645161 L1.22580645,1.22580645 L9.80645161,1.22580645 L9.80645161,9.80645161 Z" id="Shape"> </path> <path d="M10.4193548,26.9677419 L0.612903226,26.9677419 C0.274406121,26.9677419 0,27.2421481 0,27.5806452 L0,37.3870968 C0,37.7255939 0.274406121,38 0.612903226,38 L10.4193548,38 C10.7578519,38 11.0322581,37.7255939 11.0322581,37.3870968 L11.0322581,27.5806452 C11.0322581,27.2421481 10.7578519,26.9677419 10.4193548,26.9677419 Z M9.80645161,36.7741935 L1.22580645,36.7741935 L1.22580645,28.1935484 L9.80645161,28.1935484 L9.80645161,36.7741935 Z" id="Shape"> </path> <path d="M37.3870968,13.483871 L27.5806452,13.483871 C27.2421481,13.483871 26.9677419,13.7582771 26.9677419,14.0967742 L26.9677419,23.9032258 C26.9677419,24.2417229 27.2421481,24.516129 27.5806452,24.516129 L37.3870968,24.516129 C37.7255939,24.516129 38,24.2417229 38,23.9032258 L38,14.0967742 C38,13.7582771 37.7255939,13.483871 37.3870968,13.483871 Z M36.7741935,23.2903226 L28.1935484,23.2903226 L28.1935484,14.7096774 L36.7741935,14.7096774 L36.7741935,23.2903226 Z" id="Shape"> </path> <path d="M37.3870968,0 L27.5806452,0 C27.2421481,0 26.9677419,0.274406121 26.9677419,0.612903226 L26.9677419,10.4193548 C26.9677419,10.7578519 27.2421481,11.0322581 27.5806452,11.0322581 L37.3870968,11.0322581 C37.7255939,11.0322581 38,10.7578519 38,10.4193548 L38,0.612903226 C38,0.274406121 37.7255939,0 37.3870968,0 Z M36.7741935,9.80645161 L28.1935484,9.80645161 L28.1935484,1.22580645 L36.7741935,1.22580645 L36.7741935,9.80645161 Z" id="Shape"> </path> <path d="M37.3870968,26.9677419 L27.5806452,26.9677419 C27.2421481,26.9677419 26.9677419,27.2421481 26.9677419,27.5806452 L26.9677419,37.3870968 C26.9677419,37.7255939 27.2421481,38 27.5806452,38 L37.3870968,38 C37.7255939,38 38,37.7255939 38,37.3870968 L38,27.5806452 C38,27.2421481 37.7255939,26.9677419 37.3870968,26.9677419 Z M36.7741935,36.7741935 L28.1935484,36.7741935 L28.1935484,28.1935484 L36.7741935,28.1935484 L36.7741935,36.7741935 Z" id="Shape"> </path> </g> </g> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
fundamentals/css/grid
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
5.86 KB
1.85 KB
-68%
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/grid</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="fundamentals/css/grid" 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="#004FAC" stroke-width="2" fill="#FFFFFF" x="-1" y="-1" width="71" height="71" rx="14"> </rect> <g id="grid" transform="translate(16.000000, 16.000000)"> <polygon id="Shape" fill="#57A4FF" points="14 14 24 14 24 24 14 24"> </polygon> <polygon id="Shape" fill="#57A4FF" points="14 1 24 1 24 11 14 11"> </polygon> <polygon id="Shape" fill="#57A4FF" points="14 28 24 28 24 38 14 38"> </polygon> <polygon id="Shape" fill="#57A4FF" points="1 14 11 14 11 24 1 24"> </polygon> <polygon id="Shape" fill="#57A4FF" points="1 1 11 1 11 11 1 11"> </polygon> <polygon id="Shape" fill="#57A4FF" points="1 28 11 28 11 38 1 38"> </polygon> <g id="Group" fill="#004FAC"> <path d="M23.9032258,13.483871 L14.0967742,13.483871 C13.7582771,13.483871 13.483871,13.7582771 13.483871,14.0967742 L13.483871,23.9032258 C13.483871,24.2417229 13.7582771,24.516129 14.0967742,24.516129 L23.9032258,24.516129 C24.2417229,24.516129 24.516129,24.2417229 24.516129,23.9032258 L24.516129,14.0967742 C24.516129,13.7582771 24.2417229,13.483871 23.9032258,13.483871 Z M23.2903226,23.2903226 L14.7096774,23.2903226 L14.7096774,14.7096774 L23.2903226,14.7096774 L23.2903226,23.2903226 Z" id="Shape"> </path> <path d="M23.9032258,0 L14.0967742,0 C13.7582771,0 13.483871,0.274406121 13.483871,0.612903226 L13.483871,10.4193548 C13.483871,10.7578519 13.7582771,11.0322581 14.0967742,11.0322581 L23.9032258,11.0322581 C24.2417229,11.0322581 24.516129,10.7578519 24.516129,10.4193548 L24.516129,0.612903226 C24.516129,0.274406121 24.2417229,0 23.9032258,0 Z M23.2903226,9.80645161 L14.7096774,9.80645161 L14.7096774,1.22580645 L23.2903226,1.22580645 L23.2903226,9.80645161 Z" id="Shape"> </path> <path d="M23.9032258,26.9677419 L14.0967742,26.9677419 C13.7582771,26.9677419 13.483871,27.2421481 13.483871,27.5806452 L13.483871,37.3870968 C13.483871,37.7255939 13.7582771,38 14.0967742,38 L23.9032258,38 C24.2417229,38 24.516129,37.7255939 24.516129,37.3870968 L24.516129,27.5806452 C24.516129,27.2421481 24.2417229,26.9677419 23.9032258,26.9677419 Z M23.2903226,36.7741935 L14.7096774,36.7741935 L14.7096774,28.1935484 L23.2903226,28.1935484 L23.2903226,36.7741935 Z" id="Shape"> </path> <path d="M10.4193548,13.483871 L0.612903226,13.483871 C0.274406121,13.483871 0,13.7582771 0,14.0967742 L0,23.9032258 C0,24.2417229 0.274406121,24.516129 0.612903226,24.516129 L10.4193548,24.516129 C10.7578519,24.516129 11.0322581,24.2417229 11.0322581,23.9032258 L11.0322581,14.0967742 C11.0322581,13.7582771 10.7578519,13.483871 10.4193548,13.483871 Z M9.80645161,23.2903226 L1.22580645,23.2903226 L1.22580645,14.7096774 L9.80645161,14.7096774 L9.80645161,23.2903226 Z" id="Shape"> </path> <path d="M10.4193548,0 L0.612903226,0 C0.274406121,0 0,0.274406121 0,0.612903226 L0,10.4193548 C0,10.7578519 0.274406121,11.0322581 0.612903226,11.0322581 L10.4193548,11.0322581 C10.7578519,11.0322581 11.0322581,10.7578519 11.0322581,10.4193548 L11.0322581,0.612903226 C11.0322581,0.274406121 10.7578519,0 10.4193548,0 Z M9.80645161,9.80645161 L1.22580645,9.80645161 L1.22580645,1.22580645 L9.80645161,1.22580645 L9.80645161,9.80645161 Z" id="Shape"> </path> <path d="M10.4193548,26.9677419 L0.612903226,26.9677419 C0.274406121,26.9677419 0,27.2421481 0,27.5806452 L0,37.3870968 C0,37.7255939 0.274406121,38 0.612903226,38 L10.4193548,38 C10.7578519,38 11.0322581,37.7255939 11.0322581,37.3870968 L11.0322581,27.5806452 C11.0322581,27.2421481 10.7578519,26.9677419 10.4193548,26.9677419 Z M9.80645161,36.7741935 L1.22580645,36.7741935 L1.22580645,28.1935484 L9.80645161,28.1935484 L9.80645161,36.7741935 Z" id="Shape"> </path> <path d="M37.3870968,13.483871 L27.5806452,13.483871 C27.2421481,13.483871 26.9677419,13.7582771 26.9677419,14.0967742 L26.9677419,23.9032258 C26.9677419,24.2417229 27.2421481,24.516129 27.5806452,24.516129 L37.3870968,24.516129 C37.7255939,24.516129 38,24.2417229 38,23.9032258 L38,14.0967742 C38,13.7582771 37.7255939,13.483871 37.3870968,13.483871 Z M36.7741935,23.2903226 L28.1935484,23.2903226 L28.1935484,14.7096774 L36.7741935,14.7096774 L36.7741935,23.2903226 Z" id="Shape"> </path> <path d="M37.3870968,0 L27.5806452,0 C27.2421481,0 26.9677419,0.274406121 26.9677419,0.612903226 L26.9677419,10.4193548 C26.9677419,10.7578519 27.2421481,11.0322581 27.5806452,11.0322581 L37.3870968,11.0322581 C37.7255939,11.0322581 38,10.7578519 38,10.4193548 L38,0.612903226 C38,0.274406121 37.7255939,0 37.3870968,0 Z M36.7741935,9.80645161 L28.1935484,9.80645161 L28.1935484,1.22580645 L36.7741935,1.22580645 L36.7741935,9.80645161 Z" id="Shape"> </path> <path d="M37.3870968,26.9677419 L27.5806452,26.9677419 C27.2421481,26.9677419 26.9677419,27.2421481 26.9677419,27.5806452 L26.9677419,37.3870968 C26.9677419,37.7255939 27.2421481,38 27.5806452,38 L37.3870968,38 C37.7255939,38 38,37.7255939 38,37.3870968 L38,27.5806452 C38,27.2421481 37.7255939,26.9677419 37.3870968,26.9677419 Z M36.7741935,36.7741935 L28.1935484,36.7741935 L28.1935484,28.1935484 L36.7741935,28.1935484 L36.7741935,36.7741935 Z" id="Shape"> </path> </g> </g> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
fundamentals/css/grid
Created with Sketch.
100%
Download SVG