Add icons to this collection by clicking the heart icon.
Journal Book icon - also known as education, diary, notebook, school material, notepad, textbook, and journal book. Created in a clean flat 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 32 32"
>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(180 9.933 7.074) scale(26.366)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fdc454" />
<stop offset="1" stop-color="#db9100" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#dbdef5" />
<stop offset="1" stop-color="#5365ed" />
</linearGradient>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(-17 0 0 -17 9 14)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 9.671 -9.671 0 19.387 10)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#189af0" />
<stop offset="1" stop-color="#0060a0" />
</linearGradient>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 .609 19.008) scale(6.828)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 -2.373 21.168) scale(4.459)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="5"
x2="17.384"
y1="16.653"
y2="16.653"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1f98eb" />
<stop offset="1" stop-color="#0060a2" />
</linearGradient>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#b)"
d="M6.007 9.137v5.209c0 .414.336.75.75.75h.33a.249.249 0 0 1 .25.25v1.335a.25.25 0 0 1-.25.25v.004l-.325-.004c-.976 0-.755 1.164-.755.75v5.297c0 .414.336.75.75.75h.33a.249.249 0 0 1 .25.25v1.335c0 .066-.026.13-.073.176a.248.248 0 0 1-.159.073l-.277.001c-.727 0-.813.802-.821.838v.935a3.415 3.415 0 0 0 3.414 3.414h15.946a3.414 3.414 0 0 0 3.414-3.414V4.664a3.414 3.414 0 0 0-3.414-3.414H9.421a3.415 3.415 0 0 0-3.414 3.414v1.05c0 .414.336.75.75.75h.33a.25.25 0 0 1 .25.25v1.335a.249.249 0 0 1-.232.25h-.277c-.727 0-.813.803-.821.838zm0 17.264v-.088zm0-17.264v-.088z"
/>
<path
fill="url(#c)"
d="M12.297 1.25H9.421a3.415 3.415 0 0 0-3.414 3.414v1.05c0 .414.336.75.75.75h.33a.25.25 0 0 1 .25.25v1.335a.249.249 0 0 1-.232.25h-.277c-.727 0-.813.803-.821.838v5.209c0 .414.336.75.75.75h.33a.249.249 0 0 1 .25.25v1.335a.25.25 0 0 1-.25.25v.004l-.325-.004c-.976 0-.755 1.164-.755.75v5.297c0 .414.336.75.75.75h.33a.249.249 0 0 1 .25.25v1.335c0 .066-.026.13-.073.176a.248.248 0 0 1-.159.073l-.277.001c-.727 0-.813.802-.821.838v.935a3.415 3.415 0 0 0 3.414 3.414h2.876zm-6.29 25.151v-.088zm0-17.264v-.088z"
/>
<path
fill="url(#d)"
d="M23.986 11.04V8.044a1.25 1.25 0 0 0-1.25-1.25h-6.333a1.246 1.246 0 0 0-1.25 1.25v2.996a1.25 1.25 0 0 0 1.25 1.25h6.333a1.252 1.252 0 0 0 1.25-1.25z"
/>
<path
fill="url(#e)"
d="M15.903 19.15h7.333a.75.75 0 0 0 0-1.5h-7.333a.75.75 0 0 0 0 1.5z"
/>
<path
fill="url(#f)"
d="M15.903 24.492h5.339a.75.75 0 0 0 0-1.5h-5.339a.75.75 0 0 0 0 1.5z"
/>
<path
fill="url(#g)"
d="M8.837 23.978a1.751 1.751 0 0 0-1.75-1.75H4.969a1.75 1.75 0 0 0-1.75 1.75v1.335a1.75 1.75 0 0 0 1.75 1.75h2.118a1.75 1.75 0 0 0 1.75-1.75zm0-8.632a1.75 1.75 0 0 0-1.75-1.75H4.969a1.746 1.746 0 0 0-1.75 1.75v1.335a1.75 1.75 0 0 0 1.75 1.75h2.118a1.75 1.75 0 0 0 1.75-1.75zm0-8.632a1.75 1.75 0 0 0-1.75-1.75H4.969a1.75 1.75 0 0 0-1.75 1.75v1.335a1.751 1.751 0 0 0 1.75 1.75h2.118a1.751 1.751 0 0 0 1.75-1.75z"
/>
</g>
</svg>
More icons in the same style and category