Design System Alignment Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Design System Alignment icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/319883.svg" alt="Design System Alignment icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/319883.svg" alt="Design System Alignment icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/319883.svg" alt="Design System Alignment icon" :width="24" :height="24" />
CSS background
.icon-design-system-alignment {
background-image: url('https://proicons.com/icon/319883.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 29.1.0, SVG Export Plug-In . SVG Version: 9.03 Build 55587) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve"> <path id="design-system-alignment_00000158717284657012822680000011262008426793367443_" d="M31,31.36h-4 c-0.199,0-0.36-0.161-0.36-0.36v-1.64H5.36V31c0,0.199-0.161,0.36-0.36,0.36H1c-0.199,0-0.36-0.161-0.36-0.36v-4 c0-0.199,0.161-0.36,0.36-0.36h1.64V5.36H1C0.801,5.36,0.64,5.199,0.64,5V1c0-0.199,0.161-0.36,0.36-0.36h4 c0.199,0,0.36,0.161,0.36,0.36v1.64h21.28V1c0-0.199,0.161-0.36,0.36-0.36h4c0.199,0,0.36,0.161,0.36,0.36v4 c0,0.199-0.161,0.36-0.36,0.36h-1.64v21.28H31c0.199,0,0.36,0.161,0.36,0.36v4C31.36,31.199,31.199,31.36,31,31.36z M27.36,30.64 h3.279v-3.28H27.36V30.64z M1.36,30.64h3.28v-3.28H1.36V30.64z M5.36,28.64h21.28V27c0-0.199,0.161-0.36,0.36-0.36h1.64V5.36H27 c-0.199,0-0.36-0.161-0.36-0.36V3.36H5.36V5c0,0.199-0.161,0.36-0.36,0.36H3.36v21.28H5c0.199,0,0.36,0.161,0.36,0.36V28.64z M27.36,4.64h3.279V1.36H27.36V4.64z M1.36,4.64h3.28V1.36H1.36V4.64z M12,17.36c-0.149,0-0.284-0.093-0.337-0.234l-3-8 c-0.05-0.132-0.018-0.281,0.083-0.381c0.1-0.101,0.25-0.132,0.381-0.083l8,3c0.148,0.055,0.242,0.2,0.233,0.357 s-0.119,0.291-0.272,0.329l-3.79,0.948l-0.948,3.79c-0.038,0.153-0.171,0.264-0.329,0.272C12.014,17.359,12.007,17.36,12,17.36z M9.615,9.615l2.316,6.176l0.72-2.878c0.032-0.129,0.133-0.229,0.262-0.262l2.878-0.72L9.615,9.615z"/> <rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/> </svg>
Copied!