Add icons to this collection by clicking the heart icon.
Instruction icon - also known as design, ui, element, instruction, and wireframe. Created in a clean flat style, 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="512"
height="512"
viewBox="0 0 33.867 33.867"
>
<path
fill="#c0e0ff"
d="M3.704 12.52H7.55a2.64 2.64 0 0 1 2.646 2.645v5.203c0 1.466-1.478 2.646-2.944 2.646H3.704a2.64 2.64 0 0 1-2.646-2.646v-5.203a2.64 2.64 0 0 1 2.646-2.646z"
paint-order="fill markers stroke"
/>
<path
fill="#00a1ff"
d="M3.717 1.043h26.459a2.64 2.64 0 0 1 2.645 2.646V7.16a2.64 2.64 0 0 1-2.645 2.646H3.717A2.64 2.64 0 0 1 1.071 7.16V3.689a2.64 2.64 0 0 1 2.646-2.646z"
paint-order="fill markers stroke"
/>
<path
fill="#ffb43f"
d="M2.37 27.984a1.323 1.323 0 1 1 0-2.645h6.218a1.323 1.323 0 0 1 0 2.645zM2.37 32.808a1.323 1.323 0 1 1 0-2.644h6.218a1.323 1.323 0 0 1 0 2.644z"
paint-order="markers fill stroke"
/>
<path
fill="#c0e0ff"
d="M15.011 12.52h3.845a2.64 2.64 0 0 1 2.645 2.645v5.203c0 1.466-1.477 2.646-2.943 2.646h-3.547a2.64 2.64 0 0 1-2.646-2.646v-5.203a2.64 2.64 0 0 1 2.646-2.646z"
paint-order="fill markers stroke"
/>
<path
fill="#ffb43f"
d="M13.825 27.984a1.323 1.323 0 1 1 0-2.645h6.219a1.323 1.323 0 0 1 0 2.645zM13.825 32.808a1.323 1.323 0 1 1 0-2.644h6.219a1.323 1.323 0 0 1 0 2.644z"
paint-order="markers fill stroke"
/>
<path
fill="#c0e0ff"
d="M26.33 12.52h3.844a2.64 2.64 0 0 1 2.646 2.645v5.203c0 1.466-1.477 2.646-2.943 2.646H26.33a2.64 2.64 0 0 1-2.646-2.646v-5.203a2.64 2.64 0 0 1 2.646-2.646z"
paint-order="fill markers stroke"
/>
<g fill="#ffb43f" paint-order="markers fill stroke">
<path
d="M25.144 27.984a1.323 1.323 0 1 1 0-2.645h6.218a1.323 1.323 0 0 1 0 2.645zM25.144 32.808a1.323 1.323 0 1 1 0-2.644h6.218a1.323 1.323 0 0 1 0 2.644z"
/>
</g>
</svg>
More icons in the same style and category