Add icons to this collection by clicking the heart icon.
Instructions icon - also known as file, document, ui, text lines, archives, text format, guide, instructions, instruction, files and folders, and construction and tools. Created in a clean lineal style with a white and 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="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<mask id="a">
<rect width="100%" height="100%" fill="#fff" />
<path
d="M0 0c5.52 0 10-4.48 10-10S5.52-20 0-20s-10 4.48-10 10S-5.52 0 0 0"
transform="matrix(1.33333 0 0 -1.33333 93.333 442.667)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</mask>
<g mask="url(#a)">
<g
clip-path="url(#b)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="M0 0c5.52 0 10-4.48 10-10S5.52-20 0-20s-10 4.48-10 10S-5.52 0 0 0"
transform="translate(70 180)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v110h100"
transform="translate(270 10)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-220c-11.05 0-20 8.95-20 20v452c0 11.05 8.95 20 20 20h340V110L20 0"
transform="translate(250 10)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h66v-492h-186"
transform="translate(370 502)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h46c11.05 0 20-8.95 20-20v-452c0-11.05-8.95-20-20-20H0"
transform="translate(436 502)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 5.57-.82 10.93-2.06 16.13L26.6 32.68l-20 34.64-28.68-16.56C-29.9 58.14-39.44 63.56-50 66.74V100h-40V66.74c-10.63-3.2-20.15-8.65-27.92-15.98l-28.68 16.56-20-34.64 28.66-16.55c-2.77-11.62-2.72-20.82 0-32.26l-28.66-16.55 20-34.64 28.68 16.56c7.76-7.32 17.28-12.77 27.92-15.98V-100h40v33.26c10.56 3.18 20.1 8.6 27.92 15.98L6.6-67.32l20 34.64-28.66 16.55C-.82-10.93 0-5.57 0 0Z"
transform="translate(260 336)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-16.54 0-30 13.46-30 30s13.46 30 30 30 30-13.46 30-30S16.54 0 0 0Z"
transform="translate(190 306)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h200"
transform="translate(110 170)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h160"
transform="translate(70 120)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h160"
transform="translate(70 70)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
</svg>
More icons in the same style and category