Add icons to this collection by clicking the heart icon.
Notebook icon - also known as interface, business, education, book, bookmark, notebook, address book, books, agenda, and book cover. 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="512"
height="512"
viewBox="0 0 502 502"
>
<linearGradient
id="SVGID_1_"
gradientUnits="userSpaceOnUse"
x1="439.66"
x2="496.086"
y1="312.926"
y2="312.926"
>
<stop offset="0" stop-color="#9b7fc9" />
<stop offset="1" stop-color="#b9a0da" />
</linearGradient>
<linearGradient
id="SVGID_00000172408761402937926210000007262550521324992435_"
gradientUnits="userSpaceOnUse"
x1="417.397"
x2="496.205"
y1="186.6"
y2="186.6"
>
<stop offset="0" stop-color="#00c555" />
<stop offset="1" stop-color="#9ad880" />
</linearGradient>
<linearGradient id="lg1">
<stop offset="0" stop-color="#bb7e62" />
<stop offset="1" stop-color="#d99c80" />
</linearGradient>
<linearGradient
id="SVGID_00000111894827709580144850000008904336191615499943_"
gradientUnits="userSpaceOnUse"
x1="70.155"
x2="-49.85"
y1="259.991"
y2="259.991"
href="#lg1"
/>
<linearGradient
id="SVGID_00000180326849702125749590000017569357520603806358_"
gradientUnits="userSpaceOnUse"
x1="253.36"
x2="253.36"
y1="599.905"
y2="200.334"
href="#lg1"
/>
<linearGradient id="lg2">
<stop offset="0" stop-color="#fcd843" />
<stop offset="1" stop-color="#fcecab" />
</linearGradient>
<linearGradient
id="SVGID_00000144328599813746358300000002247533734286730374_"
gradientUnits="userSpaceOnUse"
x1="317.178"
x2="317.178"
y1="8.806"
y2="181.604"
href="#lg2"
/>
<linearGradient
id="SVGID_00000078752952357887665360000012882036777389792438_"
gradientUnits="userSpaceOnUse"
x1="253.36"
x2="253.36"
y1="415.809"
y2="345.88"
href="#lg2"
/>
<g>
<path
d="m466.61 383.68h-79.264c-17.188 0-31.122-13.934-31.122-31.122v-79.264c0-17.188 13.934-31.122 31.122-31.122h79.264c17.188 0 31.122 13.934 31.122 31.122v79.264c0 17.188-13.934 31.122-31.122 31.122z"
fill="url(#SVGID_1_)"
/>
<path
d="m392.824 264.654-56.048-56.048c-12.154-12.154-12.154-31.859 0-44.013l56.048-56.048c12.154-12.154 31.859-12.154 44.013 0l56.048 56.048c12.154 12.154 12.154 31.859 0 44.013l-56.048 56.048c-12.154 12.154-31.86 12.154-44.013 0z"
fill="url(#SVGID_00000172408761402937926210000007262550521324992435_)"
/>
<path
d="m88.728 456.957s-11.638 3.58-28.532 5.918c-19.452 2.692-37.679-10.16-42.305-29.69-12.963-54.733-17.891-137.373-17.891-173.193s4.928-118.461 17.892-173.194c4.626-19.53 22.853-32.382 42.305-29.69 16.894 2.338 28.532 5.918 28.532 5.918v393.931z"
fill="url(#SVGID_00000111894827709580144850000008904336191615499943_)"
/>
<path
d="m67.537 259.992c0 8.248.043 16.559.127 24.873.577 56.879 3.109 113.864 7.326 151.202 1.536 13.597 12.43 24.212 26.061 25.411 39.568 3.479 79.006 5.967 127.438 6.604 8.029.106 16.306.16 24.871.16s16.842-.055 24.871-.16c48.432-.637 87.87-3.124 127.438-6.604 13.631-1.199 24.525-11.814 26.061-25.411 4.217-37.338 6.749-94.324 7.326-151.204.084-8.313.127-16.625.127-24.872 0-8.248-.043-16.559-.127-24.873-.577-56.879-3.108-113.864-7.326-151.202-1.536-13.597-12.43-24.212-26.061-25.411-39.568-3.479-79.006-5.966-127.438-6.604-8.029-.106-16.306-.16-24.871-.16-8.566 0-16.843.055-24.873.16-48.432.637-87.869 3.124-127.436 6.604-13.631 1.199-24.526 11.814-26.062 25.411-4.217 37.338-6.749 94.323-7.326 151.202-.084 8.314-.126 16.626-.126 24.874z"
fill="url(#SVGID_00000180326849702125749590000017569357520603806358_)"
/>
<path
d="m379.873 161.149c-4.853-4.143-11.78-5.157-17.432-2.197-21.196-15.237-31.88-105.543-31.88-105.543-16.465-.742-33.729-1.263-52.331-1.508-8.029-.106-16.306-.16-24.871-.16-7.936 0-15.614.049-23.086.14-.051.955-.081 1.915-.081 2.883v88.163c0 36.749 38.48 61.108 71.741 45.146l15.244-7.315 15.247 7.316c15.178 7.284 31.46 6.179 44.669-.682 9.973-5.18 11.326-18.947 2.78-26.243z"
fill="#b1755f"
/>
<path
d="m262.192 54.764v88.163c0 13.309 13.897 22.055 25.897 16.297l15.706-7.537c8.461-4.06 18.306-4.06 26.767 0l15.706 7.537c12 5.758 25.897-2.987 25.897-16.297v-85.672c0-11.136-8.683-20.327-19.801-20.972-20.322-1.178-43.057-2.105-68.856-2.522-11.721-.189-21.316 9.281-21.316 21.003z"
fill="url(#SVGID_00000144328599813746358300000002247533734286730374_)"
/>
<g>
<ellipse
cx="165.474"
cy="283.608"
fill="#fcadcd"
rx="14.936"
ry="12.003"
/>
<ellipse
cx="341.245"
cy="283.608"
fill="#fcadcd"
rx="14.936"
ry="12.003"
/>
<circle cx="191.081" cy="253.99" fill="#fff" r="29.618" />
<ellipse
cx="203.047"
cy="253.99"
fill="#383842"
rx="17.652"
ry="17.652"
transform="matrix(.23 -.973 .973 .23 -90.799 393.25)"
/>
<circle cx="315.638" cy="253.99" fill="#fff" r="29.618" />
<g fill="#383842">
<ellipse
cx="327.542"
cy="253.99"
rx="17.652"
ry="17.652"
transform="matrix(.707 -.707 .707 .707 -83.663 305.999)"
/>
<ellipse cx="253.36" cy="276.442" rx="13.252" ry="17.352" />
</g>
</g>
<path
d="m306.373 342.287h-106.026c-11.997 0-21.722 9.725-21.722 21.722v19.021c0 11.997 9.725 21.722 21.722 21.722h106.026c11.997 0 21.722-9.725 21.722-21.722v-19.02c0-11.997-9.726-21.723-21.722-21.723z"
fill="url(#SVGID_00000078752952357887665360000012882036777389792438_)"
/>
</g>
</svg>
More icons in the same style and category