Add icons to this collection by clicking the heart icon.
Journal icon - also known as book, journal, files and folders, best friend, and bff. 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c0 33.137-26.863 60-60 60h-280c-33.137 0-60-26.863-60-60v-200l14.532 2.968S-400-218.223-400-260v-90c0-33.137 26.863-60 60-60h280c33.137 0 60 26.863 60 60v60l-14.019-1.237S0-259.5 0-230z"
transform="translate(456 444.5)"
fill="#a4e7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-13.26-13.499-24.01-30.148-24.01-16.652 0-30.15 10.75-30.15 24.01 0 13.259 13.498 24.01 30.15 24.01C-13.499 24.01 0 13.259 0 0"
transform="translate(234.44 409.457)"
fill="#ffa1ac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-13.26 13.498-24.01 30.147-24.01 16.654 0 30.151 10.75 30.151 24.01 0 13.259-13.497 24.01-30.151 24.01C13.498 24.01 0 13.259 0 0"
transform="translate(337.56 409.457)"
fill="#ffa1ac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-12.325"
transform="translate(221.861 444.894)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-12.325"
transform="translate(350.139 444.894)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c4.11-4.718 10.159-7.703 16.909-7.703 6.75 0 12.798 2.985 16.909 7.703"
transform="translate(269.09 432.936)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v380c-33.137 0-60-26.863-60-60V120l14.532 2.968S-60 101.777-60 60v-90c0-33.137 26.863-60 60-60h280c33.137 0 60 26.863 60 60v60z"
transform="translate(116 124.5)"
fill="#5ad6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h250c33.137 0 60 26.863 60 60v60c0-33.137-26.863-60-60-60H0c-16.568 0-30-13.432-30-30C-30 13.432-16.568 0 0 0"
transform="translate(146 94.5)"
fill="#f0f0f0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 16.568 13.431 30 30 30h-93.988c-16.568 0-30-13.432-30-30 0-16.568 13.432-30 30-30H30C13.431-30 0-16.568 0 0"
transform="translate(209.988 124.5)"
fill="#d9d9d9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-43.951c-11.046 0-20-8.954-20-20v-79.266c0-15.516 18.545-23.522 29.837-12.881 6.817 6.424 17.459 6.424 24.277 0C1.455-122.788 20-114.782 20-99.266V-20C20-8.954 11.045 0 0 0"
transform="translate(221.963 124.5)"
fill="#c7aee4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v79.266c0 11.046 8.954 20 20 20h-41.976c-11.045 0-20-8.954-20-20V0c0-15.516 18.545-23.522 29.838-12.881 3.92 3.693 9.102 5.251 14.097 4.697C.724-5.8 0-3.048 0 0"
transform="translate(199.988 25.234)"
fill="#b18cd9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-340c-33.137 0-60-26.863-60-60v-60c0 33.137 26.863 60 60 60H0Z"
transform="translate(456 304.5)"
fill="#c7aee4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v60c-33.137 0-60-26.863-60-60v-60C-60-26.863-33.137 0 0 0"
transform="translate(116 244.5)"
fill="#b18cd9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-15.883 11.121-39.199 7.672-61.809-6.696a12.6 12.6 0 0 0-13.507 0C-97.925 7.672-121.243 11.121-137.125 0c-25.755-18.034-30.028-55.21.105-98.246 14.114-20.156 33.271-38.02 52.298-49.465a31.39 31.39 0 0 1 32.319 0c19.027 11.445 38.184 29.309 52.298 49.465C30.027-55.21 25.756-18.034 0 0"
transform="translate(354.563 347.302)"
fill="#fd7a6e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 3.513.172 6.985.496 10.413-6.744-.574-12.955-2.662-18.317-6.416-25.755-18.034-30.028-55.21.106-98.246 14.113-20.156 33.27-38.019 52.298-49.465a31.388 31.388 0 0 1 32.318 0c14.058 8.457 28.184 20.419 40.298 34.218C47.785-108.257 0-59.711 0 0"
transform="translate(235.258 343.305)"
fill="#f85647"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-41.511c-33.137 0-60 26.863-60 60v350c0 33.137 26.863 60 60 60h280c33.137 0 60-26.863 60-60V60c0-33.137-26.863-60-60-60H84.979"
transform="translate(157.51 34.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-188.208c-16.568 0-30-13.432-30-30 0-16.568 13.432-30 30-30h11.468"
transform="translate(334.208 154.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-33.137-26.863-60-60-60h-31.792"
transform="translate(456 214.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h153.511c32.139 0 58.377 25.27 59.927 57.025"
transform="translate(242.49 94.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-78.596"
transform="translate(455.426 304.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h102.937"
transform="translate(352.49 244.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 33.137 26.863 60 60 60h104.234"
transform="translate(56 184.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-79.724c-33.137 0-60-26.863-60-60"
transform="translate(195.724 304.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-15.883 11.121-39.199 7.672-61.809-6.696a12.6 12.6 0 0 0-13.507 0C-97.925 7.672-121.243 11.121-137.125 0c-25.755-18.034-30.028-55.21.105-98.246 14.114-20.156 33.271-38.02 52.298-49.465a31.39 31.39 0 0 1 32.319 0c19.027 11.445 38.184 29.309 52.298 49.465C30.027-55.21 25.756-18.034 0 0Z"
transform="translate(354.563 347.302)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-43.951c-11.046 0-20-8.954-20-20v-79.266c0-15.516 18.545-23.522 29.837-12.881 6.817 6.424 17.459 6.424 24.277 0C1.455-122.788 20-114.782 20-99.266V-20C20-8.954 11.045 0 0 0Z"
transform="translate(221.963 124.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-285.733"
transform="translate(116 410.233)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-64.267"
transform="translate(116 504.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category