Add icons to this collection by clicking the heart icon.
Book icon - also known as education, reading, study, book, open, and learning. Created in a clean lineal 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="29.914"
x2="512.568"
y1="514.086"
y2="31.432"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="-82.086"
x2="400.568"
y1="402.086"
y2="-80.568"
href="#a"
/>
<linearGradient
id="c"
x1="121.914"
x2="604.568"
y1="606.086"
y2="123.432"
href="#a"
/>
<linearGradient
id="d"
x1="-50.086"
x2="432.568"
y1="434.086"
y2="-48.568"
href="#a"
/>
<linearGradient
id="e"
x1="-38.086"
x2="444.568"
y1="446.086"
y2="-36.568"
href="#a"
/>
<linearGradient
id="f"
x1="-26.086"
x2="456.568"
y1="458.086"
y2="-24.568"
href="#a"
/>
<linearGradient
id="g"
x1="-30.086"
x2="452.568"
y1="454.086"
y2="-28.568"
href="#a"
/>
<linearGradient
id="h"
x1="9.914"
x2="492.568"
y1="494.086"
y2="11.432"
href="#a"
/>
<linearGradient
id="i"
x1="21.914"
x2="504.568"
y1="506.086"
y2="23.432"
href="#a"
/>
<linearGradient
id="j"
x1="33.914"
x2="516.568"
y1="518.086"
y2="35.432"
href="#a"
/>
<linearGradient
id="k"
x1="61.914"
x2="544.568"
y1="546.086"
y2="63.432"
href="#a"
/>
<linearGradient
id="l"
x1="73.914"
x2="556.568"
y1="558.086"
y2="75.432"
href="#a"
/>
<linearGradient
id="m"
x1="-2.086"
x2="480.568"
y1="482.086"
y2="-.568"
href="#a"
/>
<linearGradient
id="n"
x1="-6.086"
x2="476.568"
y1="478.086"
y2="-4.568"
href="#a"
/>
<linearGradient
id="o"
x1="69.914"
x2="552.568"
y1="554.086"
y2="71.432"
href="#a"
/>
<linearGradient
id="p"
x1="81.914"
x2="564.568"
y1="566.086"
y2="83.432"
href="#a"
/>
<linearGradient
id="q"
x1="93.914"
x2="576.568"
y1="578.086"
y2="95.432"
href="#a"
/>
<path
fill="url(#a)"
d="M496 120h-24v-16a8.011 8.011 0 0 0-5.65-7.65C396.57 74.88 325.81 74.64 256 95.64c-69.81-21-140.57-20.76-210.35.71A8.011 8.011 0 0 0 40 104v16H16a8 8 0 0 0-8 8v320a8 8 0 0 0 8 8h480a8 8 0 0 0 8-8V128a8 8 0 0 0-8-8zm-232-10.04c63.73-18.5 128.27-18.5 192 0v287.37a354.141 354.141 0 0 0-192 .01zm-208 0c63.73-18.5 128.27-18.5 192 0v287.38a354.013 354.013 0 0 0-192-.01zM488 440H24V136h16v272a8.012 8.012 0 0 0 10.35 7.65c67.45-20.76 135.85-20.76 203.3 0a8.01 8.01 0 0 0 4.7 0c67.45-20.76 135.85-20.76 203.3 0a8.209 8.209 0 0 0 2.35.35 8.015 8.015 0 0 0 8-8V136h16z"
/>
<path
fill="url(#b)"
d="M80 208h144a8 8 0 0 0 8-8v-64a8 8 0 0 0-8-8H80a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8zm8-64h128v48H88z"
/>
<path
fill="url(#c)"
d="M432 296h-72a8 8 0 0 0-8 8v56a8 8 0 0 0 8 8h72a8 8 0 0 0 8-8v-56a8 8 0 0 0-8-8zm-8 56h-56v-40h56z"
/>
<path fill="url(#d)" d="M80 240h144a8 8 0 0 0 0-16H80a8 8 0 0 0 0 16z" />
<path fill="url(#e)" d="M80 264h144a8 8 0 0 0 0-16H80a8 8 0 0 0 0 16z" />
<path fill="url(#f)" d="M80 288h144a8 8 0 0 0 0-16H80a8 8 0 0 0 0 16z" />
<path fill="url(#g)" d="M80 312h80a8 8 0 0 0 0-16H80a8 8 0 0 0 0 16z" />
<path fill="url(#h)" d="M288 152h144a8 8 0 0 0 0-16H288a8 8 0 0 0 0 16z" />
<path fill="url(#i)" d="M288 176h144a8 8 0 0 0 0-16H288a8 8 0 0 0 0 16z" />
<path fill="url(#j)" d="M288 200h144a8 8 0 0 0 0-16H288a8 8 0 0 0 0 16z" />
<path fill="url(#k)" d="M288 256h144a8 8 0 0 0 0-16H288a8 8 0 0 0 0 16z" />
<path fill="url(#l)" d="M288 280h144a8 8 0 0 0 0-16H288a8 8 0 0 0 0 16z" />
<path fill="url(#a)" d="M288 224h80a8 8 0 0 0 0-16h-80a8 8 0 0 0 0 16z" />
<path fill="url(#m)" d="M80 336h144a8 8 0 0 0 0-16H80a8 8 0 0 0 0 16z" />
<path
fill="url(#n)"
d="M168 352a8 8 0 0 0-8-8H80a8 8 0 0 0 0 16h80a8 8 0 0 0 8-8z"
/>
<path fill="url(#o)" d="M288 320h48a8 8 0 0 0 0-16h-48a8 8 0 0 0 0 16z" />
<path fill="url(#p)" d="M288 344h48a8 8 0 0 0 0-16h-48a8 8 0 0 0 0 16z" />
<path fill="url(#q)" d="M336 352h-48a8 8 0 0 0 0 16h48a8 8 0 0 0 0-16z" />
</svg>
More icons in the same style and category