Add icons to this collection by clicking the heart icon.
Instruction icon - also known as file, document, pen, archive, ui, instructions, instruction, and business and finance. Created in a clean gradient 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="512pt"
height="512pt"
viewBox="0 0 512 512"
>
<linearGradient
id="b"
x1="74.981"
x2="437.019"
y1="74.981"
y2="437.019"
gradientUnits="userSpaceOnUse"
>
<stop offset=".005" stop-color="#0a77e8" />
<stop offset="1" stop-color="#085aae" />
</linearGradient>
<linearGradient
id="c"
x1="256"
x2="361.656"
y1="256"
y2="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fdf9a5" />
<stop offset="1" stop-color="#fbf24a" />
</linearGradient>
<linearGradient
id="d"
x1="118"
x2="345.484"
y1="256"
y2="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="silver" />
</linearGradient>
<linearGradient id="a">
<stop offset=".005" stop-color="silver" />
<stop offset="1" stop-color="#828282" />
</linearGradient>
<linearGradient
id="e"
x1="160.856"
x2="275.676"
y1="353.031"
y2="353.031"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="160.856"
x2="275.676"
y1="320.688"
y2="320.688"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="160.856"
x2="302.629"
y1="288.344"
y2="288.344"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="178.681"
x2="284.803"
y1="207.484"
y2="207.484"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="207.484"
x2="256"
y1="207.484"
y2="207.484"
gradientUnits="userSpaceOnUse"
>
<stop offset=".005" stop-color="#636363" />
<stop offset="1" stop-color="#434343" />
</linearGradient>
<path
fill="url(#b)"
d="M512 256c0 141.387-114.613 256-256 256S0 397.387 0 256 114.613 0 256 0s256 114.613 256 256zm0 0"
/>
<path fill="#828282" d="m377.828 118-51.21 138 51.21 138H394V118zm0 0" />
<path fill="#d2d2d2" d="m361.656 118-51.21 138 51.21 138h16.172V118zm0 0" />
<path fill="url(#c)" d="M329.313 118 256 394h105.656V118zm0 0" />
<path
fill="url(#d)"
d="M231.742 118H118v276h146.086l81.398-81.398V118zm0 0"
/>
<path
fill="url(#e)"
d="M231.742 344.945h-70.887v16.172h114.82v-16.172zm0 0"
/>
<path fill="url(#f)" d="M264.086 312.602h-103.23v16.171h114.82zm0 0" />
<path
fill="url(#g)"
d="M231.742 280.258h-70.887v16.172H302.63v-16.172zm0 0"
/>
<path
fill="url(#h)"
d="M272.172 207.484a40.37 40.37 0 0 0-2.082-12.804l14.715-8.493-8.086-14.007-14.723 8.5c-5.703-6.434-13.418-11.04-22.168-12.817v-16.98h-16.172v16.98c-8.75 1.778-16.465 6.383-22.168 12.817l-14.722-8.5-8.086 14.007 14.715 8.493c-1.344 4.027-2.082 8.328-2.082 12.804s.738 8.778 2.082 12.801l-14.715 8.496 8.086 14.004 14.718-8.496c5.704 6.434 13.422 11.04 22.172 12.813v16.984h16.172v-16.984c8.746-1.778 16.465-6.383 22.168-12.813l14.719 8.496 8.086-14.004-14.711-8.496a40.328 40.328 0 0 0 2.082-12.8zm0 0"
/>
<path
fill="url(#i)"
d="M256 207.484c0 13.399-10.86 24.258-24.258 24.258s-24.258-10.86-24.258-24.258 10.86-24.257 24.258-24.257c13.399 0 24.258 10.859 24.258 24.257zm0 0"
/>
<path
fill="#e4e4e4"
d="M239.828 207.484a8.087 8.087 0 0 1-16.172 0 8.087 8.087 0 0 1 16.172 0zm0 0"
/>
<path fill="#fff" d="M264.086 312.602V394l81.398-81.398zm0 0" />
</svg>
More icons in the same style and category