Add icons to this collection by clicking the heart icon.
Recipe Book icon - also known as book, kitchen, cooking, ingredients, recipes, food and restaurant, recipe book, and cook book. 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"
x2="63.388"
y1="32"
y2="32"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc4a1a" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<linearGradient id="b" x2="63.388" y1="22" y2="22" href="#a" />
<linearGradient id="c" x2="63.388" y1="28" y2="28" href="#a" />
<linearGradient id="d" x2="63.388" y1="15" y2="15" href="#a" />
<linearGradient id="e" x2="63.388" y1="45" y2="45" href="#a" />
<linearGradient id="f" x2="63.388" y1="42" y2="42" href="#a" />
<linearGradient id="g" x2="63.388" y1="48" y2="48" href="#a" />
<linearGradient id="h" x2="63.388" y1="13.5" y2="13.5" href="#a" />
<linearGradient id="i" x2="63.388" y1="20" y2="20" href="#a" />
<linearGradient id="j" x2="63.388" y1="13" y2="13" href="#a" />
<g>
<path
fill="url(#a)"
d="M61 2H9a7.008 7.008 0 0 0-7 7v48a5.006 5.006 0 0 0 5 5h54a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zM4 47a1.882 1.882 0 0 1 2-2v-2a4.08 4.08 0 0 0-2 .487V42a1.882 1.882 0 0 1 2-2v-2a4.08 4.08 0 0 0-2 .487V16a1.882 1.882 0 0 1 2-2v-2a4.08 4.08 0 0 0-2 .487V9a5.009 5.009 0 0 1 4-4.9V52H7a4.948 4.948 0 0 0-3 1.026zm56 13H7a3 3 0 0 1 0-6h4v2H6v2h5v1a1 1 0 0 0 1.447.9L16 58.118l3.553 1.782A1 1 0 0 0 21 59v-1h39zm-47-2.618V54h6v3.382l-2.553-1.277a1 1 0 0 0-.894 0zM60 56H21v-2h39zm0-4H10V4h50z"
/>
<path
fill="url(#b)"
d="M13 38h44a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H13a1 1 0 0 0-1 1v30a1 1 0 0 0 1 1zm1-30h42v28H14z"
/>
<path
fill="url(#c)"
d="M48 22H22a3 3 0 0 0 0 6h4v3a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3v-3h4a3 3 0 0 0 0-6zm-22 4h-4a1 1 0 0 1 0-2h4zm16 0h-4v2h4v3a1 1 0 0 1-1 1H29a1 1 0 0 1-1-1v-3h8v-2h-8v-2h14zm6 0h-4v-2h4a1 1 0 0 1 0 2z"
/>
<path
fill="url(#d)"
d="M31 20h2a1.847 1.847 0 0 1 .357-1.15 4.023 4.023 0 0 0 0-4.362 2.036 2.036 0 0 1 0-2.3A3.832 3.832 0 0 0 34 10h-2a1.852 1.852 0 0 1-.358 1.153 4.028 4.028 0 0 0 0 4.365 2.034 2.034 0 0 1 0 2.3A3.82 3.82 0 0 0 31 20zM36 20h2a1.847 1.847 0 0 1 .357-1.15 4.023 4.023 0 0 0 0-4.362 2.036 2.036 0 0 1 0-2.3A3.832 3.832 0 0 0 39 10h-2a1.852 1.852 0 0 1-.358 1.153 4.028 4.028 0 0 0 0 4.365 2.034 2.034 0 0 1 0 2.3A3.82 3.82 0 0 0 36 20z"
/>
<g fill="url(#e)">
<path
d="M23 43a1 1 0 0 0 0-2h-4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h4a1 1 0 0 0 0-2h-3v-4zM32 41h-5a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1zm-1 6h-3v-4h3zM41 41h-5a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1zm-1 6h-3v-4h3zM50.857 41.485a1 1 0 0 0-1.372-.342L46 43.234V42a1 1 0 0 0-2 0v6a1 1 0 0 0 2 0v-1.234l3.485 2.091a1 1 0 0 0 1.03-1.714L46.944 45l3.571-2.143a1 1 0 0 0 .342-1.372z"
/>
</g>
<path fill="url(#f)" d="M12 41h2v2h-2z" />
<path fill="url(#g)" d="M12 47h2v2h-2z" />
<path fill="url(#f)" d="M56 41h2v2h-2z" />
<path fill="url(#g)" d="M56 47h2v2h-2z" />
<path fill="url(#h)" d="M21 10h-4a1 1 0 0 0-1 1v6h2v-5h3z" />
<path fill="url(#i)" d="M16 19h2v2h-2z" />
<path fill="url(#j)" d="M53 10h-4v2h3v4h2v-5a1 1 0 0 0-1-1z" />
</g>
</svg>
More icons in the same style and category