Add icons to this collection by clicking the heart icon.
Diary icon - also known as diary, notebook, heart, pen, schedule, love, romantic, secret, love and romance, and wedding planner. 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 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#fbb040" />
<stop offset=".006" stop-color="#faac44" />
<stop offset=".058" stop-color="#f68d66" />
<stop offset=".112" stop-color="#f37581" />
<stop offset=".166" stop-color="#f16494" />
<stop offset=".222" stop-color="#ef599f" />
<stop offset=".281" stop-color="#ef56a3" />
<stop offset=".624" stop-color="#f3903f" />
<stop offset=".809" stop-color="#ed683c" />
<stop offset=".944" stop-color="#ef56a3" />
</linearGradient>
<linearGradient
id="b"
x1="-3.725"
x2="60.449"
y1="3.334"
y2="67.116"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="12.824"
x2="76.998"
y1="-13.316"
y2="50.466"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-10.295"
x2="53.879"
y1="9.945"
y2="73.727"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="-14.271"
x2="49.903"
y1="13.944"
y2="77.727"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="-18.246"
x2="45.928"
y1="17.944"
y2="81.727"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="-6.32"
x2="57.854"
y1="5.945"
y2="69.727"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="-2.344"
x2="61.83"
y1="1.945"
y2="65.727"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="-1.247"
x2="62.927"
y1=".84"
y2="64.623"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="6.705"
x2="70.878"
y1="-7.16"
y2="56.623"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="2.729"
x2="66.903"
y1="-3.16"
y2="60.623"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="10.68"
x2="74.854"
y1="-11.159"
y2="52.623"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="14.656"
x2="78.83"
y1="-15.159"
y2="48.623"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="-2.054"
x2="62.12"
y1="1.652"
y2="65.435"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M2 58.949V63a1 1 0 0 0 1 1h43c2.206 0 4-1.794 4-4V4c0-2.206-1.794-4-4-4H3a1 1 0 0 0-1 1v4c0 .018.009.032.01.05A2.502 2.502 0 0 0 0 7.5v1c0 1.207.86 2.217 2 2.449v6.101c-1.14.232-2 1.242-2 2.449v1c0 1.207.86 2.217 2 2.449v5.101c-1.14.232-2 1.242-2 2.449v1c0 1.207.86 2.217 2 2.449v6.101c-1.14.232-2 1.242-2 2.449v1c0 1.207.86 2.217 2 2.449v7.101c-1.14.232-2 1.242-2 2.449v1c0 1.211.86 2.221 2 2.453zM39 2h4v4.131l-1.445-.963a1 1 0 0 0-1.109 0L39 6.131zM4 2h33v6a1 1 0 0 0 1.554.832L41 7.202l2.445 1.63a.996.996 0 0 0 1.027.05A1 1 0 0 0 45 8V2h1c1.103 0 2 .897 2 2v7H7a1 1 0 1 0 0 2h41v38H7a1 1 0 1 0 0 2h41v7c0 1.103-.897 2-2 2H4v-3h1.5C6.879 59 8 57.878 8 56.5v-1C8 54.122 6.879 53 5.5 53H4v-3h3a1 1 0 1 0 0-2H4v-2h1.5C6.879 46 8 44.878 8 43.5v-1C8 41.122 6.879 40 5.5 40H4v-6h1.5C6.879 34 8 32.878 8 31.5v-1C8 29.122 6.879 28 5.5 28H4v-5h1.5C6.879 23 8 21.878 8 20.5v-1C8 18.122 6.879 17 5.5 17H4v-1h3a1 1 0 1 0 0-2H4v-3h1.5C6.879 11 8 9.878 8 8.5v-1C8 6.122 6.879 5 5.5 5H4zM2 7.5c0-.271.229-.5.5-.5h3c.271 0 .5.229.5.5v1c0 .271-.229.5-.5.5h-3a.507.507 0 0 1-.5-.5zm0 12c0-.271.229-.5.5-.5h3c.271 0 .5.229.5.5v1c0 .271-.229.5-.5.5h-3a.507.507 0 0 1-.5-.5zm0 11c0-.271.229-.5.5-.5h3c.271 0 .5.229.5.5v1c0 .271-.229.5-.5.5h-3a.507.507 0 0 1-.5-.5zm0 12c0-.271.229-.5.5-.5h3c.271 0 .5.229.5.5v1c0 .271-.229.5-.5.5h-3a.507.507 0 0 1-.5-.5zm0 13c0-.271.229-.5.5-.5h3c.271 0 .5.229.5.5v1c0 .271-.229.5-.5.5h-3a.507.507 0 0 1-.5-.5z"
/>
<path
fill="url(#c)"
d="M61.021 52V37.731a1.989 1.989 0 0 0 1.007-1.675l.848-30.53a5.336 5.336 0 0 0-1.521-3.898C60.333.578 58.965 0 57.5 0s-2.834.579-3.854 1.628-1.561 2.434-1.521 3.898l.848 30.531a1.984 1.984 0 0 0 1.068 1.706V52c0 .764.436 1.422 1.067 1.758l-1.086 5.031a.995.995 0 0 0 .133.746l2.53 4c.183.289.503.465.845.465h.006a.998.998 0 0 0 .845-.475l2.47-4a.997.997 0 0 0 .129-.727l-1.035-5.036A1.992 1.992 0 0 0 61.021 52zm-4.98 0V42h2.979v10zm-1.068-16-.694-24.983 6.442-.014L60.027 36zm4.048 2v2h-2.979v-2zM55.079 3.022C55.721 2.363 56.58 2 57.5 2s1.779.363 2.421 1.022c.641.659.98 1.529.954 2.448l-.098 3.532-6.553.015-.099-3.547a3.35 3.35 0 0 1 .954-2.448zm2.441 58.091-1.456-2.302L57.102 54h.849l.989 4.812z"
/>
<path fill="url(#d)" d="M31 48h-4a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2z" />
<path fill="url(#e)" d="M23 48h-4a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2z" />
<path fill="url(#f)" d="M11 50h4a1 1 0 1 0 0-2h-4a1 1 0 1 0 0 2z" />
<path fill="url(#g)" d="M39 48h-4a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2z" />
<path fill="url(#h)" d="M47 48h-4a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2z" />
<path fill="url(#i)" d="M11 16h4a1 1 0 1 0 0-2h-4a1 1 0 1 0 0 2z" />
<path fill="url(#j)" d="M27 16h4a1 1 0 1 0 0-2h-4a1 1 0 1 0 0 2z" />
<path fill="url(#k)" d="M19 16h4a1 1 0 1 0 0-2h-4a1 1 0 1 0 0 2z" />
<path fill="url(#l)" d="M35 16h4a1 1 0 1 0 0-2h-4a1 1 0 1 0 0 2z" />
<path fill="url(#m)" d="M47 14h-4a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2z" />
<path
fill="url(#n)"
d="M15.351 19.792c-2.093 1.183-3.55 3.316-4.101 6.007a.999.999 0 0 0 .778 1.18.995.995 0 0 0 1.181-.779c.439-2.146 1.521-3.76 3.127-4.668 2.973-1.684 7.344 1.014 9.085 2.251a.997.997 0 0 0 1.158 0c1.74-1.237 6.113-3.934 9.086-2.25 1.456.822 2.492 2.248 2.996 4.121.823 3.059.124 6.914-1.871 10.314C34.283 40.24 30.048 43 26 43s-8.282-2.76-10.789-7.032c-1.078-1.837-1.796-3.836-2.075-5.78a1 1 0 0 0-1.981.285c.316 2.198 1.122 4.448 2.331 6.507C16.345 41.852 21.257 45 26 45s9.655-3.148 12.515-8.02c2.261-3.853 3.038-8.281 2.078-11.847-.646-2.403-2.011-4.25-3.942-5.342-3.559-2.013-7.994.186-10.65 1.961-2.657-1.774-7.094-3.974-10.65-1.96z"
/>
</svg>
More icons in the same style and category