Add icons to this collection by clicking the heart icon.
Alignment icon - also known as interface, signs, text, symbol, lines, alignment, ui, option, and shapes and symbols. Created in a clean lineal color style with a white, silver, gray, black, orange, and pink finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="c" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M102.01 416.732H14.242V504.5h87.768z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ffe477"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M233.926 416.732h-87.768V504.5h87.768z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#b6e892"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M365.842 416.732h-87.768V504.5h87.768z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ffe477"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M497.758 416.732H409.99V504.5h87.768z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#b6e892"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M102.01 280.322H14.242v87.768h87.768zM365.842 280.322h-87.768v87.768h87.768z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ffe477"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M497.758 280.322H409.99v87.768h87.768z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#b6e892"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M102.01 143.911H14.242v87.768h87.768z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ffe477"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M233.926 143.911h-87.768v87.768h87.768z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#b6e892"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M365.842 143.911h-87.768v87.768h87.768z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ffe477"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M233.926 7.5h-87.768v87.768h87.768z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#b6e892"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M365.842 7.5h-87.768v87.768h87.768z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ffe477"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M497.758 7.5H409.99v87.768h87.768z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#b6e892"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M14.242 416.732h30V504.5h-30z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ffb655"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M146.158 416.732h30V504.5h-30z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#7ccc92"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M278.074 416.732h30V504.5h-30z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ffb655"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M409.99 416.732h30V504.5h-30z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#7ccc92"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M14.242 280.322h30v87.767h-30zM278.074 280.322h30v87.767h-30z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ffb655"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M409.99 280.322h30v87.767h-30z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#7ccc92"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M14.242 143.911h30v87.767h-30z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ffb655"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M146.158 143.911h30v87.767h-30z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#7ccc92"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M278.074 143.911h30v87.767h-30z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ffb655"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M146.158 7.5h30v87.768h-30z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#7ccc92"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M278.074 7.5h30v87.768h-30z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ffb655"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M409.99 7.5h30v87.768h-30z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#7ccc92"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M102.01 416.732H14.242V504.5h87.768zM233.926 416.732h-87.768V504.5h87.768zM365.842 416.732h-87.768V504.5h87.768z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-27.01v87.768h87.768V0H20"
transform="translate(437 416.732)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h23.884v-87.768h-87.768V0H-20"
transform="translate(78.126 368.09)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M0 0v28.915h87.768v-87.768H0V-20"
transform="matrix(1.33333 0 0 -1.33333 370.766 230.434)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g clip-path="url(#b)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M497.758 280.322H409.99v87.768h87.768zM102.01 143.911H14.242v87.768h87.768z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M0 0v-38.915h-87.768v87.768H0V20"
transform="matrix(1.33333 0 0 -1.33333 311.901 438.9)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M365.842 143.911h-87.768v87.768h87.768z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g clip-path="url(#c)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M233.926 7.5h-87.768v87.768h87.768zM365.842 7.5h-87.768v87.768h87.768zM497.758 7.5H409.99v87.768h87.768z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M0 0h39.888"
transform="matrix(1.33333 0 0 -1.33333 51.558 250.393)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h39.888"
transform="matrix(1.33333 0 0 -1.33333 227.446 614.155)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h39.888"
transform="matrix(1.33333 0 0 -1.33333 402.686 68.512)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h39.888"
transform="matrix(1.33333 0 0 -1.33333 578.574 250.393)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-24.531h-39.124"
transform="matrix(1.33333 0 0 -1.33333 631.248 61.887)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-24.531h-39.124"
transform="matrix(1.33333 0 0 -1.33333 455.36 243.768)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-24.53h-39.124"
transform="matrix(1.33333 0 0 -1.33333 455.36 425.65)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-24.531h-39.124"
transform="matrix(1.33333 0 0 -1.33333 455.36 607.53)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-24.531h-39.124"
transform="matrix(1.33333 0 0 -1.33333 631.248 607.53)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</svg>
More icons in the same style and category