Add icons to this collection by clicking the heart icon.
Instruction icon - also known as education, book, document, agenda, and instruction. Created in a clean lineal color 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 512 512"
>
<g>
<polygon
points="423.5,52 88.5,52 88.5,502 270.417,502 360.667,502 423.5,502 423.5,322 463.5,322 463.5,232 423.5,232"
fill="#FAF7F5"
/>
<polyline
points="360.667,502 423.5,502 423.5,322 463.5,322 463.5,232 423.5,232 423.5,52 88.5,52 88.5,502 270.417,502"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="315.5"
y1="502"
x2="315.5"
y2="502"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<rect
x="423.5"
y="52"
width="40"
height="90"
fill="#FF9C9B"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<rect
x="128.5"
y="97"
width="80"
height="80"
fill="#DFEDFF"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<rect
x="128.5"
y="237"
width="80"
height="80"
fill="#9DE3D1"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<rect
x="128.5"
y="377"
width="80"
height="80"
fill="#A0C8FF"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M88.5,502L88.5,502c-22.091,0-40-17.909-40-40V31v0c0,11.598,9.402,21,21,21h19V502z"
fill="#6D92AC"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M443.5,52h-374c-11.598,0-21-9.402-21-21v0c0-11.598,9.402-21,21-21h374V52z"
fill="#FFDA8F"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<rect
x="423.5"
y="142"
width="40"
height="90"
fill="#9DE3D1"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<rect
x="423.5"
y="322"
width="40"
height="90"
fill="#A0C8FF"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<rect
x="423.5"
y="412"
width="40"
height="90"
fill="#DFEDFF"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="248.5"
y1="137"
x2="383.5"
y2="137"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="248.5"
y1="177"
x2="383.5"
y2="177"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="15,45,15,45,1000"
/>
<line
x1="248.5"
y1="97"
x2="383.5"
y2="97"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="45,45,1000,45,1000"
/>
<line
x1="248.5"
y1="277"
x2="383.5"
y2="277"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="248.5"
y1="317"
x2="383.5"
y2="317"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="15,45,15,45,1000"
/>
<line
x1="248.5"
y1="237"
x2="316"
y2="237"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="248.5"
y1="417"
x2="383.5"
y2="417"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="248.5"
y1="457"
x2="383.5"
y2="457"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="15,45,15,45,1000"
/>
<line
x1="248.5"
y1="377"
x2="316"
y2="377"
fill="none"
stroke="#000000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</g>
</svg>
More icons in the same style and category