Add icons to this collection by clicking the heart icon.
Levels icon - also known as controls, ui, and levels. Created in a clean lineal style with a black 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>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-322c-33.137 0-60 26.863-60 60v377c0 33.137 26.863 60 60 60H0c33.137 0 60-26.863 60-60V60C60 26.863 33.137 0 0 0Z"
transform="translate(417 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-342.034v65.96c0 33.137 26.863 60 60 60h322c33.137 0 60-26.863 60-60V0H35"
transform="translate(377.034 378.54)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c.047 15.024-10.821 16.471-24.233 16.513-13.413.042-24.289-1.336-24.337-16.361-.047-15.024 10.788-27.238 24.2-27.28C-10.958-27.17-.047-15.024 0 0Z"
transform="translate(280.343 447.937)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c.025 7.927-6.373 14.373-14.292 14.397-7.918.025-14.356-6.38-14.382-14.307"
transform="translate(206.34 455.849)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c.024 7.926 6.464 14.332 14.382 14.307C22.3 14.282 28.698 7.836 28.674-.09"
transform="translate(305.823 455.537)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v152.23c0 12.42 10.07 22.5 22.5 22.5 6.22 0 11.84-2.519 15.91-6.589 4.07-4.08 6.59-9.701 6.59-15.911V0"
transform="translate(233.5 155.52)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-32.229c0-12.42-10.07-22.5-22.5-22.5-6.22 0-11.84 2.519-15.91 6.589-4.07 4.08-6.59 9.701-6.59 15.911V0"
transform="translate(278.5 110.52)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-49.451c-12.427 0-22.5 10.074-22.5 22.5 0 12.427 10.073 22.5 22.5 22.5H0c12.427 0 22.5-10.073 22.5-22.5C22.5 10.074 12.427 0 0 0Z"
transform="translate(280.726 110.52)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v63.809"
transform="translate(110.5 166.71)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-152.229c0-6.21-2.52-11.831-6.59-15.911a22.421 22.421 0 0 0-15.91-6.589c-12.42 0-22.5 10.08-22.5 22.5v53.42"
transform="translate(155.5 230.52)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v32.23c0 6.21 2.52 11.831 6.59 15.911 4.07 4.07 9.7 6.589 15.91 6.589 12.43 0 22.5-10.08 22.5-22.5V0"
transform="translate(110.5 275.52)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-49.451c-12.427 0-22.5-10.073-22.5-22.5 0-12.426 10.073-22.5 22.5-22.5H0c12.427 0 22.5 10.074 22.5 22.5C22.5-10.073 12.427 0 0 0Z"
transform="translate(157.727 275.52)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v32.23c0 6.21 2.52 11.831 6.59 15.911A22.421 22.421 0 0 0 22.5 54.73c12.42 0 22.5-10.08 22.5-22.5V0"
transform="translate(356.5 275.52)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-152.229c0-6.21-2.52-11.831-6.59-15.911a22.439 22.439 0 0 0-15.91-6.589c-12.43 0-22.5 10.08-22.5 22.5V0"
transform="translate(401.5 230.52)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-49.451c-12.427 0-22.5-10.073-22.5-22.5 0-12.426 10.073-22.5 22.5-22.5H0c12.427 0 22.5 10.074 22.5 22.5C22.5-10.073 12.427 0 0 0Z"
transform="translate(403.724 275.52)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category