notebook with decorative cover emoji

notebook-with-decorative-cover from Fluent Emoji by Microsoft Corporation · Default · MIT Free for personal and commercial use.

Name
notebook-with-decorative-cover
Set
Fluent Emoji
Style
Default
Viewbox
32×32
License
MIT

The same emoji in other sets

Use the notebook with decorative cover emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iGVaarb)" d="M7.75 2.005h17a2 2 0 0 1 2 2v22h-19z"/><path fill="url(#ip3q7pA)" d="M7.75 2.005h17a2 2 0 0 1 2 2v22h-19z"/><path fill="url(#if4CkEe)" d="M5.25 26.505h21.5v2.5h-.5l-.5.5H5.25z"/><path fill="url(#ihGTcuc)" d="M5.25 26.505h21.5v2.5h-.5l-.5.5H5.25z"/><path fill="url(#i1VEMub)" d="M6.25 2.005a1.5 1.5 0 0 0-1.5 1.5v24.5h1a1 1 0 0 1 1-1h1v-25z"/><path fill="url(#i4zVGsc)" d="M6.25 2.005a1.5 1.5 0 0 0-1.5 1.5v24.5h1a1 1 0 0 1 1-1h1v-25z"/><path fill="url(#iTPNale)" d="M6.25 26.005a1.5 1.5 0 0 0-1.5 1.5v1a1.5 1.5 0 0 0 1.5 1.5h19.408c.653 0 1.092-.335 1.092-1h-20a1 1 0 1 1 0-2h20v-1z"/><rect width="2.575" height="1.272" x="9.452" y="3.631" fill="#CEC8D4" rx=".636" transform="rotate(45 9.452 3.63)"/><rect width="2.575" height="1.272" x="9.452" y="12.645" fill="#CD62AB" rx=".636" transform="rotate(45 9.452 12.645)"/><rect width="2.575" height="1.272" x="9.452" y="21.645" fill="#3E8FD4" rx=".636" transform="rotate(45 9.452 21.645)"/><rect width="2.575" height="1.272" x="20.38" y="3.631" fill="#CBC5D1" rx=".636" transform="rotate(45 20.38 3.63)"/><rect width="2.575" height="1.272" x="20.38" y="12.645" fill="#CB60A9" rx=".636" transform="rotate(45 20.38 12.645)"/><rect width="2.575" height="1.272" x="20.38" y="21.645" fill="#3C8DD1" rx=".636" transform="rotate(45 20.38 21.645)"/><rect width="2.575" height="1.272" fill="#CE62AB" rx=".636" transform="scale(-1 1)rotate(45 -11.19 -14.62)"/><rect width="2.575" height="1.272" fill="#418FD3" rx=".636" transform="scale(-1 1)rotate(45 -22.072 -10.113)"/><rect width="2.575" height="1.272" fill="#CDC7D3" rx=".636" transform="scale(-1 1)rotate(45 -32.936 -5.613)"/><rect width="2.575" height="1.272" fill="#CC61AA" rx=".636" transform="scale(-1 1)rotate(45 -18.68 -16.952)"/><rect width="2.575" height="1.272" x="24.126" y="8.244" fill="#CAC5D1" rx=".636" transform="rotate(45 24.126 8.244)"/><rect width="2.575" height="1.272" fill="#428DD1" rx=".636" transform="matrix(-1 0 0 1 22.128 8.968)"/><rect width="2.575" height="1.272" fill="#CDC7D3" rx=".636" transform="matrix(-1 0 0 1 14.443 8.968)"/><rect width="2.575" height="1.272" fill="#3F8DD2" rx=".636" transform="scale(-1 1)rotate(45 -29.545 -12.452)"/><rect width="2.575" height="1.272" x="24.126" y="17.244" fill="#CA5FA8" rx=".636" transform="rotate(45 24.126 17.244)"/><rect width="2.575" height="1.272" fill="#438FD4" rx=".636" transform="matrix(0 -1 -1 0 10.27 10.892)"/><rect width="2.575" height="1.272" fill="#448ED2" rx=".636" transform="matrix(-1 0 0 1 18.285 4.355)"/><rect width="2.575" height="1.272" fill="#CBC5D1" rx=".636" transform="matrix(-1 0 0 1 22.128 17.968)"/><rect width="2.575" height="1.272" fill="#CFCAD6" rx=".636" transform="matrix(-1 0 0 1 18.285 13.37)"/><rect width="2.575" height="1.272" fill="#CC60A9" rx=".636" transform="matrix(-1 0 0 1 18.285 22.37)"/><rect width="2.575" height="1.272" fill="#CD61AA" rx=".636" transform="matrix(-1 0 0 1 14.443 17.968)"/><rect width="2.575" height="1.272" fill="#CA61A9" rx=".636" transform="matrix(0 -1 -1 0 25.223 6.279)"/><rect width="2.575" height="1.272" fill="#418DD1" rx=".636" transform="matrix(0 -1 -1 0 25.223 15.293)"/><rect width="2.575" height="1.272" fill="#CAC5D1" rx=".636" transform="matrix(0 -1 -1 0 25.223 24.293)"/><rect width="2.575" height="1.272" fill="#CEC8D4" rx=".636" transform="matrix(0 -1 -1 0 10.27 19.892)"/><defs><linearGradient id="iGVaarb" x1="17.25" x2="17.25" y1="2.005" y2="26.005" gradientUnits="userSpaceOnUse"><stop stop-color="#5D4573"/><stop offset="1" stop-color="#4B3E59"/></linearGradient><linearGradient id="ip3q7pA" x1="28.44" x2="25.73" y1="5.387" y2="5.484" gradientUnits="userSpaceOnUse"><stop offset=".409" stop-color="#806E91"/><stop offset="1" stop-color="#806E91" stop-opacity="0"/></linearGradient><linearGradient id="if4CkEe" x1="6.471" x2="26.569" y1="28.42" y2="28.42" gradientUnits="userSpaceOnUse"><stop stop-color="#D6C0EA"/><stop offset="1" stop-color="#DCCCED"/></linearGradient><linearGradient id="ihGTcuc" x1="16" x2="16" y1="26.743" y2="28.162" gradientUnits="userSpaceOnUse"><stop stop-color="#9F8CB4"/><stop offset="1" stop-color="#9F8CB4" stop-opacity="0"/></linearGradient><linearGradient id="i1VEMub" x1="4.955" x2="7.75" y1="16.742" y2="16.742" gradientUnits="userSpaceOnUse"><stop stop-color="#4E4459"/><stop offset="1" stop-color="#453C4E"/></linearGradient><linearGradient id="iTPNale" x1="6.181" x2="26.75" y1="28.969" y2="28.936" gradientUnits="userSpaceOnUse"><stop stop-color="#512F71"/><stop offset="1" stop-color="#4F2E6D"/></linearGradient><radialGradient id="i4zVGsc" cx="0" cy="0" r="1" gradientTransform="matrix(0 -6.6454 1.17096 0 5.149 26.678)" gradientUnits="userSpaceOnUse"><stop stop-color="#51475C"/><stop offset="1" stop-color="#51475C" stop-opacity="0"/></radialGradient></defs></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiNotebookWithDecorativeCover(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iGVaarb)" d="M7.75 2.005h17a2 2 0 0 1 2 2v22h-19z"/><path fill="url(#ip3q7pA)" d="M7.75 2.005h17a2 2 0 0 1 2 2v22h-19z"/><path fill="url(#if4CkEe)" d="M5.25 26.505h21.5v2.5h-.5l-.5.5H5.25z"/><path fill="url(#ihGTcuc)" d="M5.25 26.505h21.5v2.5h-.5l-.5.5H5.25z"/><path fill="url(#i1VEMub)" d="M6.25 2.005a1.5 1.5 0 0 0-1.5 1.5v24.5h1a1 1 0 0 1 1-1h1v-25z"/><path fill="url(#i4zVGsc)" d="M6.25 2.005a1.5 1.5 0 0 0-1.5 1.5v24.5h1a1 1 0 0 1 1-1h1v-25z"/><path fill="url(#iTPNale)" d="M6.25 26.005a1.5 1.5 0 0 0-1.5 1.5v1a1.5 1.5 0 0 0 1.5 1.5h19.408c.653 0 1.092-.335 1.092-1h-20a1 1 0 1 1 0-2h20v-1z"/><rect width="2.575" height="1.272" x="9.452" y="3.631" fill="#CEC8D4" rx=".636" transform="rotate(45 9.452 3.63)"/><rect width="2.575" height="1.272" x="9.452" y="12.645" fill="#CD62AB" rx=".636" transform="rotate(45 9.452 12.645)"/><rect width="2.575" height="1.272" x="9.452" y="21.645" fill="#3E8FD4" rx=".636" transform="rotate(45 9.452 21.645)"/><rect width="2.575" height="1.272" x="20.38" y="3.631" fill="#CBC5D1" rx=".636" transform="rotate(45 20.38 3.63)"/><rect width="2.575" height="1.272" x="20.38" y="12.645" fill="#CB60A9" rx=".636" transform="rotate(45 20.38 12.645)"/><rect width="2.575" height="1.272" x="20.38" y="21.645" fill="#3C8DD1" rx=".636" transform="rotate(45 20.38 21.645)"/><rect width="2.575" height="1.272" fill="#CE62AB" rx=".636" transform="scale(-1 1)rotate(45 -11.19 -14.62)"/><rect width="2.575" height="1.272" fill="#418FD3" rx=".636" transform="scale(-1 1)rotate(45 -22.072 -10.113)"/><rect width="2.575" height="1.272" fill="#CDC7D3" rx=".636" transform="scale(-1 1)rotate(45 -32.936 -5.613)"/><rect width="2.575" height="1.272" fill="#CC61AA" rx=".636" transform="scale(-1 1)rotate(45 -18.68 -16.952)"/><rect width="2.575" height="1.272" x="24.126" y="8.244" fill="#CAC5D1" rx=".636" transform="rotate(45 24.126 8.244)"/><rect width="2.575" height="1.272" fill="#428DD1" rx=".636" transform="matrix(-1 0 0 1 22.128 8.968)"/><rect width="2.575" height="1.272" fill="#CDC7D3" rx=".636" transform="matrix(-1 0 0 1 14.443 8.968)"/><rect width="2.575" height="1.272" fill="#3F8DD2" rx=".636" transform="scale(-1 1)rotate(45 -29.545 -12.452)"/><rect width="2.575" height="1.272" x="24.126" y="17.244" fill="#CA5FA8" rx=".636" transform="rotate(45 24.126 17.244)"/><rect width="2.575" height="1.272" fill="#438FD4" rx=".636" transform="matrix(0 -1 -1 0 10.27 10.892)"/><rect width="2.575" height="1.272" fill="#448ED2" rx=".636" transform="matrix(-1 0 0 1 18.285 4.355)"/><rect width="2.575" height="1.272" fill="#CBC5D1" rx=".636" transform="matrix(-1 0 0 1 22.128 17.968)"/><rect width="2.575" height="1.272" fill="#CFCAD6" rx=".636" transform="matrix(-1 0 0 1 18.285 13.37)"/><rect width="2.575" height="1.272" fill="#CC60A9" rx=".636" transform="matrix(-1 0 0 1 18.285 22.37)"/><rect width="2.575" height="1.272" fill="#CD61AA" rx=".636" transform="matrix(-1 0 0 1 14.443 17.968)"/><rect width="2.575" height="1.272" fill="#CA61A9" rx=".636" transform="matrix(0 -1 -1 0 25.223 6.279)"/><rect width="2.575" height="1.272" fill="#418DD1" rx=".636" transform="matrix(0 -1 -1 0 25.223 15.293)"/><rect width="2.575" height="1.272" fill="#CAC5D1" rx=".636" transform="matrix(0 -1 -1 0 25.223 24.293)"/><rect width="2.575" height="1.272" fill="#CEC8D4" rx=".636" transform="matrix(0 -1 -1 0 10.27 19.892)"/><defs><linearGradient id="iGVaarb" x1="17.25" x2="17.25" y1="2.005" y2="26.005" gradientUnits="userSpaceOnUse"><stop stopColor="#5D4573"/><stop offset="1" stopColor="#4B3E59"/></linearGradient><linearGradient id="ip3q7pA" x1="28.44" x2="25.73" y1="5.387" y2="5.484" gradientUnits="userSpaceOnUse"><stop offset=".409" stopColor="#806E91"/><stop offset="1" stopColor="#806E91" stopOpacity="0"/></linearGradient><linearGradient id="if4CkEe" x1="6.471" x2="26.569" y1="28.42" y2="28.42" gradientUnits="userSpaceOnUse"><stop stopColor="#D6C0EA"/><stop offset="1" stopColor="#DCCCED"/></linearGradient><linearGradient id="ihGTcuc" x1="16" x2="16" y1="26.743" y2="28.162" gradientUnits="userSpaceOnUse"><stop stopColor="#9F8CB4"/><stop offset="1" stopColor="#9F8CB4" stopOpacity="0"/></linearGradient><linearGradient id="i1VEMub" x1="4.955" x2="7.75" y1="16.742" y2="16.742" gradientUnits="userSpaceOnUse"><stop stopColor="#4E4459"/><stop offset="1" stopColor="#453C4E"/></linearGradient><linearGradient id="iTPNale" x1="6.181" x2="26.75" y1="28.969" y2="28.936" gradientUnits="userSpaceOnUse"><stop stopColor="#512F71"/><stop offset="1" stopColor="#4F2E6D"/></linearGradient><radialGradient id="i4zVGsc" cx="0" cy="0" r="1" gradientTransform="matrix(0 -6.6454 1.17096 0 5.149 26.678)" gradientUnits="userSpaceOnUse"><stop stopColor="#51475C"/><stop offset="1" stopColor="#51475C" stopOpacity="0"/></radialGradient></defs></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iGVaarb)" d="M7.75 2.005h17a2 2 0 0 1 2 2v22h-19z"/><path fill="url(#ip3q7pA)" d="M7.75 2.005h17a2 2 0 0 1 2 2v22h-19z"/><path fill="url(#if4CkEe)" d="M5.25 26.505h21.5v2.5h-.5l-.5.5H5.25z"/><path fill="url(#ihGTcuc)" d="M5.25 26.505h21.5v2.5h-.5l-.5.5H5.25z"/><path fill="url(#i1VEMub)" d="M6.25 2.005a1.5 1.5 0 0 0-1.5 1.5v24.5h1a1 1 0 0 1 1-1h1v-25z"/><path fill="url(#i4zVGsc)" d="M6.25 2.005a1.5 1.5 0 0 0-1.5 1.5v24.5h1a1 1 0 0 1 1-1h1v-25z"/><path fill="url(#iTPNale)" d="M6.25 26.005a1.5 1.5 0 0 0-1.5 1.5v1a1.5 1.5 0 0 0 1.5 1.5h19.408c.653 0 1.092-.335 1.092-1h-20a1 1 0 1 1 0-2h20v-1z"/><rect width="2.575" height="1.272" x="9.452" y="3.631" fill="#CEC8D4" rx=".636" transform="rotate(45 9.452 3.63)"/><rect width="2.575" height="1.272" x="9.452" y="12.645" fill="#CD62AB" rx=".636" transform="rotate(45 9.452 12.645)"/><rect width="2.575" height="1.272" x="9.452" y="21.645" fill="#3E8FD4" rx=".636" transform="rotate(45 9.452 21.645)"/><rect width="2.575" height="1.272" x="20.38" y="3.631" fill="#CBC5D1" rx=".636" transform="rotate(45 20.38 3.63)"/><rect width="2.575" height="1.272" x="20.38" y="12.645" fill="#CB60A9" rx=".636" transform="rotate(45 20.38 12.645)"/><rect width="2.575" height="1.272" x="20.38" y="21.645" fill="#3C8DD1" rx=".636" transform="rotate(45 20.38 21.645)"/><rect width="2.575" height="1.272" fill="#CE62AB" rx=".636" transform="scale(-1 1)rotate(45 -11.19 -14.62)"/><rect width="2.575" height="1.272" fill="#418FD3" rx=".636" transform="scale(-1 1)rotate(45 -22.072 -10.113)"/><rect width="2.575" height="1.272" fill="#CDC7D3" rx=".636" transform="scale(-1 1)rotate(45 -32.936 -5.613)"/><rect width="2.575" height="1.272" fill="#CC61AA" rx=".636" transform="scale(-1 1)rotate(45 -18.68 -16.952)"/><rect width="2.575" height="1.272" x="24.126" y="8.244" fill="#CAC5D1" rx=".636" transform="rotate(45 24.126 8.244)"/><rect width="2.575" height="1.272" fill="#428DD1" rx=".636" transform="matrix(-1 0 0 1 22.128 8.968)"/><rect width="2.575" height="1.272" fill="#CDC7D3" rx=".636" transform="matrix(-1 0 0 1 14.443 8.968)"/><rect width="2.575" height="1.272" fill="#3F8DD2" rx=".636" transform="scale(-1 1)rotate(45 -29.545 -12.452)"/><rect width="2.575" height="1.272" x="24.126" y="17.244" fill="#CA5FA8" rx=".636" transform="rotate(45 24.126 17.244)"/><rect width="2.575" height="1.272" fill="#438FD4" rx=".636" transform="matrix(0 -1 -1 0 10.27 10.892)"/><rect width="2.575" height="1.272" fill="#448ED2" rx=".636" transform="matrix(-1 0 0 1 18.285 4.355)"/><rect width="2.575" height="1.272" fill="#CBC5D1" rx=".636" transform="matrix(-1 0 0 1 22.128 17.968)"/><rect width="2.575" height="1.272" fill="#CFCAD6" rx=".636" transform="matrix(-1 0 0 1 18.285 13.37)"/><rect width="2.575" height="1.272" fill="#CC60A9" rx=".636" transform="matrix(-1 0 0 1 18.285 22.37)"/><rect width="2.575" height="1.272" fill="#CD61AA" rx=".636" transform="matrix(-1 0 0 1 14.443 17.968)"/><rect width="2.575" height="1.272" fill="#CA61A9" rx=".636" transform="matrix(0 -1 -1 0 25.223 6.279)"/><rect width="2.575" height="1.272" fill="#418DD1" rx=".636" transform="matrix(0 -1 -1 0 25.223 15.293)"/><rect width="2.575" height="1.272" fill="#CAC5D1" rx=".636" transform="matrix(0 -1 -1 0 25.223 24.293)"/><rect width="2.575" height="1.272" fill="#CEC8D4" rx=".636" transform="matrix(0 -1 -1 0 10.27 19.892)"/><defs><linearGradient id="iGVaarb" x1="17.25" x2="17.25" y1="2.005" y2="26.005" gradientUnits="userSpaceOnUse"><stop stop-color="#5D4573"/><stop offset="1" stop-color="#4B3E59"/></linearGradient><linearGradient id="ip3q7pA" x1="28.44" x2="25.73" y1="5.387" y2="5.484" gradientUnits="userSpaceOnUse"><stop offset=".409" stop-color="#806E91"/><stop offset="1" stop-color="#806E91" stop-opacity="0"/></linearGradient><linearGradient id="if4CkEe" x1="6.471" x2="26.569" y1="28.42" y2="28.42" gradientUnits="userSpaceOnUse"><stop stop-color="#D6C0EA"/><stop offset="1" stop-color="#DCCCED"/></linearGradient><linearGradient id="ihGTcuc" x1="16" x2="16" y1="26.743" y2="28.162" gradientUnits="userSpaceOnUse"><stop stop-color="#9F8CB4"/><stop offset="1" stop-color="#9F8CB4" stop-opacity="0"/></linearGradient><linearGradient id="i1VEMub" x1="4.955" x2="7.75" y1="16.742" y2="16.742" gradientUnits="userSpaceOnUse"><stop stop-color="#4E4459"/><stop offset="1" stop-color="#453C4E"/></linearGradient><linearGradient id="iTPNale" x1="6.181" x2="26.75" y1="28.969" y2="28.936" gradientUnits="userSpaceOnUse"><stop stop-color="#512F71"/><stop offset="1" stop-color="#4F2E6D"/></linearGradient><radialGradient id="i4zVGsc" cx="0" cy="0" r="1" gradientTransform="matrix(0 -6.6454 1.17096 0 5.149 26.678)" gradientUnits="userSpaceOnUse"><stop stop-color="#51475C"/><stop offset="1" stop-color="#51475C" stop-opacity="0"/></radialGradient></defs></g></svg>
</template>

CSS

.icon-notebook-with-decorative-cover {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23iGVaarb)%22%20d%3D%22M7.75%202.005h17a2%202%200%200%201%202%202v22h-19z%22%2F%3E%3Cpath%20fill%3D%22url(%23ip3q7pA)%22%20d%3D%22M7.75%202.005h17a2%202%200%200%201%202%202v22h-19z%22%2F%3E%3Cpath%20fill%3D%22url(%23if4CkEe)%22%20d%3D%22M5.25%2026.505h21.5v2.5h-.5l-.5.5H5.25z%22%2F%3E%3Cpath%20fill%3D%22url(%23ihGTcuc)%22%20d%3D%22M5.25%2026.505h21.5v2.5h-.5l-.5.5H5.25z%22%2F%3E%3Cpath%20fill%3D%22url(%23i1VEMub)%22%20d%3D%22M6.25%202.005a1.5%201.5%200%200%200-1.5%201.5v24.5h1a1%201%200%200%201%201-1h1v-25z%22%2F%3E%3Cpath%20fill%3D%22url(%23i4zVGsc)%22%20d%3D%22M6.25%202.005a1.5%201.5%200%200%200-1.5%201.5v24.5h1a1%201%200%200%201%201-1h1v-25z%22%2F%3E%3Cpath%20fill%3D%22url(%23iTPNale)%22%20d%3D%22M6.25%2026.005a1.5%201.5%200%200%200-1.5%201.5v1a1.5%201.5%200%200%200%201.5%201.5h19.408c.653%200%201.092-.335%201.092-1h-20a1%201%200%201%201%200-2h20v-1z%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20x%3D%229.452%22%20y%3D%223.631%22%20fill%3D%22%23CEC8D4%22%20rx%3D%22.636%22%20transform%3D%22rotate(45%209.452%203.63)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20x%3D%229.452%22%20y%3D%2212.645%22%20fill%3D%22%23CD62AB%22%20rx%3D%22.636%22%20transform%3D%22rotate(45%209.452%2012.645)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20x%3D%229.452%22%20y%3D%2221.645%22%20fill%3D%22%233E8FD4%22%20rx%3D%22.636%22%20transform%3D%22rotate(45%209.452%2021.645)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20x%3D%2220.38%22%20y%3D%223.631%22%20fill%3D%22%23CBC5D1%22%20rx%3D%22.636%22%20transform%3D%22rotate(45%2020.38%203.63)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20x%3D%2220.38%22%20y%3D%2212.645%22%20fill%3D%22%23CB60A9%22%20rx%3D%22.636%22%20transform%3D%22rotate(45%2020.38%2012.645)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20x%3D%2220.38%22%20y%3D%2221.645%22%20fill%3D%22%233C8DD1%22%20rx%3D%22.636%22%20transform%3D%22rotate(45%2020.38%2021.645)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20fill%3D%22%23CE62AB%22%20rx%3D%22.636%22%20transform%3D%22scale(-1%201)rotate(45%20-11.19%20-14.62)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20fill%3D%22%23418FD3%22%20rx%3D%22.636%22%20transform%3D%22scale(-1%201)rotate(45%20-22.072%20-10.113)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20fill%3D%22%23CDC7D3%22%20rx%3D%22.636%22%20transform%3D%22scale(-1%201)rotate(45%20-32.936%20-5.613)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20fill%3D%22%23CC61AA%22%20rx%3D%22.636%22%20transform%3D%22scale(-1%201)rotate(45%20-18.68%20-16.952)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20x%3D%2224.126%22%20y%3D%228.244%22%20fill%3D%22%23CAC5D1%22%20rx%3D%22.636%22%20transform%3D%22rotate(45%2024.126%208.244)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20fill%3D%22%23428DD1%22%20rx%3D%22.636%22%20transform%3D%22matrix(-1%200%200%201%2022.128%208.968)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20fill%3D%22%23CDC7D3%22%20rx%3D%22.636%22%20transform%3D%22matrix(-1%200%200%201%2014.443%208.968)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20fill%3D%22%233F8DD2%22%20rx%3D%22.636%22%20transform%3D%22scale(-1%201)rotate(45%20-29.545%20-12.452)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20x%3D%2224.126%22%20y%3D%2217.244%22%20fill%3D%22%23CA5FA8%22%20rx%3D%22.636%22%20transform%3D%22rotate(45%2024.126%2017.244)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20fill%3D%22%23438FD4%22%20rx%3D%22.636%22%20transform%3D%22matrix(0%20-1%20-1%200%2010.27%2010.892)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20fill%3D%22%23448ED2%22%20rx%3D%22.636%22%20transform%3D%22matrix(-1%200%200%201%2018.285%204.355)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20fill%3D%22%23CBC5D1%22%20rx%3D%22.636%22%20transform%3D%22matrix(-1%200%200%201%2022.128%2017.968)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20fill%3D%22%23CFCAD6%22%20rx%3D%22.636%22%20transform%3D%22matrix(-1%200%200%201%2018.285%2013.37)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20fill%3D%22%23CC60A9%22%20rx%3D%22.636%22%20transform%3D%22matrix(-1%200%200%201%2018.285%2022.37)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20fill%3D%22%23CD61AA%22%20rx%3D%22.636%22%20transform%3D%22matrix(-1%200%200%201%2014.443%2017.968)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20fill%3D%22%23CA61A9%22%20rx%3D%22.636%22%20transform%3D%22matrix(0%20-1%20-1%200%2025.223%206.279)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20fill%3D%22%23418DD1%22%20rx%3D%22.636%22%20transform%3D%22matrix(0%20-1%20-1%200%2025.223%2015.293)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20fill%3D%22%23CAC5D1%22%20rx%3D%22.636%22%20transform%3D%22matrix(0%20-1%20-1%200%2025.223%2024.293)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20fill%3D%22%23CEC8D4%22%20rx%3D%22.636%22%20transform%3D%22matrix(0%20-1%20-1%200%2010.27%2019.892)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22iGVaarb%22%20x1%3D%2217.25%22%20x2%3D%2217.25%22%20y1%3D%222.005%22%20y2%3D%2226.005%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%235D4573%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234B3E59%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ip3q7pA%22%20x1%3D%2228.44%22%20x2%3D%2225.73%22%20y1%3D%225.387%22%20y2%3D%225.484%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.409%22%20stop-color%3D%22%23806E91%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23806E91%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22if4CkEe%22%20x1%3D%226.471%22%20x2%3D%2226.569%22%20y1%3D%2228.42%22%20y2%3D%2228.42%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23D6C0EA%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23DCCCED%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ihGTcuc%22%20x1%3D%2216%22%20x2%3D%2216%22%20y1%3D%2226.743%22%20y2%3D%2228.162%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%239F8CB4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239F8CB4%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i1VEMub%22%20x1%3D%224.955%22%20x2%3D%227.75%22%20y1%3D%2216.742%22%20y2%3D%2216.742%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%234E4459%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23453C4E%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iTPNale%22%20x1%3D%226.181%22%20x2%3D%2226.75%22%20y1%3D%2228.969%22%20y2%3D%2228.936%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23512F71%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234F2E6D%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22i4zVGsc%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%20-6.6454%201.17096%200%205.149%2026.678)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2351475C%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2351475C%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23iGVaarb)%22%20d%3D%22M7.75%202.005h17a2%202%200%200%201%202%202v22h-19z%22%2F%3E%3Cpath%20fill%3D%22url(%23ip3q7pA)%22%20d%3D%22M7.75%202.005h17a2%202%200%200%201%202%202v22h-19z%22%2F%3E%3Cpath%20fill%3D%22url(%23if4CkEe)%22%20d%3D%22M5.25%2026.505h21.5v2.5h-.5l-.5.5H5.25z%22%2F%3E%3Cpath%20fill%3D%22url(%23ihGTcuc)%22%20d%3D%22M5.25%2026.505h21.5v2.5h-.5l-.5.5H5.25z%22%2F%3E%3Cpath%20fill%3D%22url(%23i1VEMub)%22%20d%3D%22M6.25%202.005a1.5%201.5%200%200%200-1.5%201.5v24.5h1a1%201%200%200%201%201-1h1v-25z%22%2F%3E%3Cpath%20fill%3D%22url(%23i4zVGsc)%22%20d%3D%22M6.25%202.005a1.5%201.5%200%200%200-1.5%201.5v24.5h1a1%201%200%200%201%201-1h1v-25z%22%2F%3E%3Cpath%20fill%3D%22url(%23iTPNale)%22%20d%3D%22M6.25%2026.005a1.5%201.5%200%200%200-1.5%201.5v1a1.5%201.5%200%200%200%201.5%201.5h19.408c.653%200%201.092-.335%201.092-1h-20a1%201%200%201%201%200-2h20v-1z%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20x%3D%229.452%22%20y%3D%223.631%22%20fill%3D%22%23CEC8D4%22%20rx%3D%22.636%22%20transform%3D%22rotate(45%209.452%203.63)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20x%3D%229.452%22%20y%3D%2212.645%22%20fill%3D%22%23CD62AB%22%20rx%3D%22.636%22%20transform%3D%22rotate(45%209.452%2012.645)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20x%3D%229.452%22%20y%3D%2221.645%22%20fill%3D%22%233E8FD4%22%20rx%3D%22.636%22%20transform%3D%22rotate(45%209.452%2021.645)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20x%3D%2220.38%22%20y%3D%223.631%22%20fill%3D%22%23CBC5D1%22%20rx%3D%22.636%22%20transform%3D%22rotate(45%2020.38%203.63)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20x%3D%2220.38%22%20y%3D%2212.645%22%20fill%3D%22%23CB60A9%22%20rx%3D%22.636%22%20transform%3D%22rotate(45%2020.38%2012.645)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20x%3D%2220.38%22%20y%3D%2221.645%22%20fill%3D%22%233C8DD1%22%20rx%3D%22.636%22%20transform%3D%22rotate(45%2020.38%2021.645)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20fill%3D%22%23CE62AB%22%20rx%3D%22.636%22%20transform%3D%22scale(-1%201)rotate(45%20-11.19%20-14.62)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20fill%3D%22%23418FD3%22%20rx%3D%22.636%22%20transform%3D%22scale(-1%201)rotate(45%20-22.072%20-10.113)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20fill%3D%22%23CDC7D3%22%20rx%3D%22.636%22%20transform%3D%22scale(-1%201)rotate(45%20-32.936%20-5.613)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20fill%3D%22%23CC61AA%22%20rx%3D%22.636%22%20transform%3D%22scale(-1%201)rotate(45%20-18.68%20-16.952)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20x%3D%2224.126%22%20y%3D%228.244%22%20fill%3D%22%23CAC5D1%22%20rx%3D%22.636%22%20transform%3D%22rotate(45%2024.126%208.244)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20fill%3D%22%23428DD1%22%20rx%3D%22.636%22%20transform%3D%22matrix(-1%200%200%201%2022.128%208.968)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20fill%3D%22%23CDC7D3%22%20rx%3D%22.636%22%20transform%3D%22matrix(-1%200%200%201%2014.443%208.968)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20fill%3D%22%233F8DD2%22%20rx%3D%22.636%22%20transform%3D%22scale(-1%201)rotate(45%20-29.545%20-12.452)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20x%3D%2224.126%22%20y%3D%2217.244%22%20fill%3D%22%23CA5FA8%22%20rx%3D%22.636%22%20transform%3D%22rotate(45%2024.126%2017.244)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20fill%3D%22%23438FD4%22%20rx%3D%22.636%22%20transform%3D%22matrix(0%20-1%20-1%200%2010.27%2010.892)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20fill%3D%22%23448ED2%22%20rx%3D%22.636%22%20transform%3D%22matrix(-1%200%200%201%2018.285%204.355)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20fill%3D%22%23CBC5D1%22%20rx%3D%22.636%22%20transform%3D%22matrix(-1%200%200%201%2022.128%2017.968)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20fill%3D%22%23CFCAD6%22%20rx%3D%22.636%22%20transform%3D%22matrix(-1%200%200%201%2018.285%2013.37)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20fill%3D%22%23CC60A9%22%20rx%3D%22.636%22%20transform%3D%22matrix(-1%200%200%201%2018.285%2022.37)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20fill%3D%22%23CD61AA%22%20rx%3D%22.636%22%20transform%3D%22matrix(-1%200%200%201%2014.443%2017.968)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20fill%3D%22%23CA61A9%22%20rx%3D%22.636%22%20transform%3D%22matrix(0%20-1%20-1%200%2025.223%206.279)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20fill%3D%22%23418DD1%22%20rx%3D%22.636%22%20transform%3D%22matrix(0%20-1%20-1%200%2025.223%2015.293)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20fill%3D%22%23CAC5D1%22%20rx%3D%22.636%22%20transform%3D%22matrix(0%20-1%20-1%200%2025.223%2024.293)%22%2F%3E%3Crect%20width%3D%222.575%22%20height%3D%221.272%22%20fill%3D%22%23CEC8D4%22%20rx%3D%22.636%22%20transform%3D%22matrix(0%20-1%20-1%200%2010.27%2019.892)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22iGVaarb%22%20x1%3D%2217.25%22%20x2%3D%2217.25%22%20y1%3D%222.005%22%20y2%3D%2226.005%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%235D4573%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234B3E59%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ip3q7pA%22%20x1%3D%2228.44%22%20x2%3D%2225.73%22%20y1%3D%225.387%22%20y2%3D%225.484%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.409%22%20stop-color%3D%22%23806E91%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23806E91%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22if4CkEe%22%20x1%3D%226.471%22%20x2%3D%2226.569%22%20y1%3D%2228.42%22%20y2%3D%2228.42%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23D6C0EA%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23DCCCED%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ihGTcuc%22%20x1%3D%2216%22%20x2%3D%2216%22%20y1%3D%2226.743%22%20y2%3D%2228.162%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%239F8CB4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239F8CB4%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i1VEMub%22%20x1%3D%224.955%22%20x2%3D%227.75%22%20y1%3D%2216.742%22%20y2%3D%2216.742%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%234E4459%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23453C4E%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iTPNale%22%20x1%3D%226.181%22%20x2%3D%2226.75%22%20y1%3D%2228.969%22%20y2%3D%2228.936%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23512F71%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234F2E6D%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22i4zVGsc%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%20-6.6454%201.17096%200%205.149%2026.678)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2351475C%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2351475C%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji/notebook-with-decorative-cover.svg?color=%231a73e8&size=48