notebook emoji

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

Name
notebook
Set
Fluent Emoji
Style
Default
Viewbox
32×32
License
MIT

The same emoji in other sets

notebookCarbonnotebookCodiconsnotebookEmoji One (Colored)notebookElement Plusnotebook-16-filledFluent UI System Iconsnotebook-16Fluent UI System Color IconsnotebookFluent Emoji FlatnotebookFluent Emoji High ContrastnotebookFirefox OS EmojinotebookHuge IconsnotebookIconParknotebookIconPark OutlinenotebookIconPark SolidnotebookIconPark TwoTonenotebookLucidenotebookMaterial Design Iconsnotebook-fillMingCute IconnotebookNoto EmojinotebookOpenMojinotebookPhosphornotebookPixelarticonsnotebook-boldSolarnotebookTabler IconsnotebookTwitter Emoji

Related icons in Fluent Emoji

notebook-with-decorative-cover

Use the notebook 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(#i29fAGd)" d="M8 2h17a2 2 0 0 1 2 2v22H8z"/><path fill="url(#iA32I8C)" d="M8 2h17a2 2 0 0 1 2 2v22H8z"/><path fill="url(#i8YTSGh)" d="M6.5 2A1.5 1.5 0 0 0 5 3.5V28h1a1 1 0 0 1 1-1h1V2z"/><path fill="url(#iVRx6pD)" d="M6.5 2A1.5 1.5 0 0 0 5 3.5V28h1a1 1 0 0 1 1-1h1V2z"/><g filter="url(#i9HoRlb)"><path fill="url(#i4ZrgSu)" d="M6.5 26A1.5 1.5 0 0 0 5 27.5v1A1.5 1.5 0 0 0 6.5 30h19.408C26.56 30 27 29.666 27 29H7a1 1 0 1 1 0-2h20v-1z"/></g><g filter="url(#iV9kxmd)"><path fill="#3B2D4A" d="M22.815 2.328h.732v23.594h-.732z"/></g><g filter="url(#ineSkXk)"><path fill="#42215F" d="M22.815 29.86h1v-3.938h-1z"/></g><path fill="#DED7E6" d="M12.438 6.969a1 1 0 0 1 1-1h5.25a1 1 0 0 1 1 1V9.03a1 1 0 0 1-1 1h-5.25a1 1 0 0 1-1-1z"/><path fill="url(#i1yRmGb)" d="M27 29v-2H7a1 1 0 1 0 0 2z"/><path fill="url(#i4IiRxc)" d="M27 29v-2H7a1 1 0 1 0 0 2z"/><path fill="url(#iSXSP2b)" d="M27 29v-2H7a1 1 0 1 0 0 2z"/><path fill="url(#ifLrXcd)" d="M0 0h1v4.078H0z" transform="matrix(1 0 0 -1 23.047 30)"/><path fill="url(#iGmmSUd)" d="M23.047 2h1v23.922h-1z"/><defs><linearGradient id="i29fAGd" x1="17.5" x2="17.5" y1="2" y2="26" gradientUnits="userSpaceOnUse"><stop stop-color="#5D4573"/><stop offset="1" stop-color="#4B3E59"/></linearGradient><linearGradient id="iA32I8C" x1="28.69" x2="25.98" y1="5.382" y2="5.479" gradientUnits="userSpaceOnUse"><stop offset=".409" stop-color="#7B698D"/><stop offset="1" stop-color="#7B698D" stop-opacity="0"/></linearGradient><linearGradient id="i8YTSGh" x1="5.205" x2="8" y1="16.738" y2="16.738" gradientUnits="userSpaceOnUse"><stop stop-color="#50475B"/><stop offset="1" stop-color="#453C4F"/></linearGradient><linearGradient id="i4ZrgSu" x1="6.431" x2="27" y1="28.964" y2="28.932" gradientUnits="userSpaceOnUse"><stop stop-color="#512F70"/><stop offset="1" stop-color="#4F2D6D"/></linearGradient><linearGradient id="i1yRmGb" x1="6.721" x2="26.819" y1="28.416" y2="28.416" gradientUnits="userSpaceOnUse"><stop stop-color="#D5BCEB"/><stop offset="1" stop-color="#DCCCED"/><stop offset="1" stop-color="#E3D3F2"/></linearGradient><linearGradient id="i4IiRxc" x1="16.25" x2="16.25" y1="26.738" y2="28.157" gradientUnits="userSpaceOnUse"><stop stop-color="#9F84AE"/><stop offset="1" stop-color="#C5B1D6" stop-opacity="0"/></linearGradient><linearGradient id="ifLrXcd" x1="0" x2="1" y1="1.81" y2="1.81" gradientUnits="userSpaceOnUse"><stop offset=".339" stop-color="#7D56C2"/><stop offset=".788" stop-color="#8C6CCC"/></linearGradient><linearGradient id="iGmmSUd" x1="23.047" x2="24.284" y1="13.198" y2="13.198" gradientUnits="userSpaceOnUse"><stop offset=".373" stop-color="#8168B6"/><stop offset=".868" stop-color="#A38AD4"/></linearGradient><filter id="i9HoRlb" width="22" height="4.1" x="5" y="26" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".1"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.294118 0 0 0 0 0.133333 0 0 0 0 0.419608 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_20913"/></filter><filter id="iV9kxmd" width="1.732" height="24.594" x="22.315" y="1.828" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_20913" stdDeviation=".25"/></filter><filter id="ineSkXk" width="2" height="4.938" x="22.315" y="25.422" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_20913" stdDeviation=".25"/></filter><radialGradient id="iVRx6pD" cx="0" cy="0" r="1" gradientTransform="matrix(0 -6.6454 1.17096 0 5.399 26.674)" gradientUnits="userSpaceOnUse"><stop stop-color="#51475C"/><stop offset="1" stop-color="#51475C" stop-opacity="0"/></radialGradient><radialGradient id="iSXSP2b" cx="0" cy="0" r="1" gradientTransform="matrix(0 3.03125 -.75 0 23.156 27.219)" gradientUnits="userSpaceOnUse"><stop stop-color="#937BAD"/><stop offset="1" stop-color="#B9A2C9" stop-opacity="0"/></radialGradient></defs></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiNotebook(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(#i29fAGd)" d="M8 2h17a2 2 0 0 1 2 2v22H8z"/><path fill="url(#iA32I8C)" d="M8 2h17a2 2 0 0 1 2 2v22H8z"/><path fill="url(#i8YTSGh)" d="M6.5 2A1.5 1.5 0 0 0 5 3.5V28h1a1 1 0 0 1 1-1h1V2z"/><path fill="url(#iVRx6pD)" d="M6.5 2A1.5 1.5 0 0 0 5 3.5V28h1a1 1 0 0 1 1-1h1V2z"/><g filter="url(#i9HoRlb)"><path fill="url(#i4ZrgSu)" d="M6.5 26A1.5 1.5 0 0 0 5 27.5v1A1.5 1.5 0 0 0 6.5 30h19.408C26.56 30 27 29.666 27 29H7a1 1 0 1 1 0-2h20v-1z"/></g><g filter="url(#iV9kxmd)"><path fill="#3B2D4A" d="M22.815 2.328h.732v23.594h-.732z"/></g><g filter="url(#ineSkXk)"><path fill="#42215F" d="M22.815 29.86h1v-3.938h-1z"/></g><path fill="#DED7E6" d="M12.438 6.969a1 1 0 0 1 1-1h5.25a1 1 0 0 1 1 1V9.03a1 1 0 0 1-1 1h-5.25a1 1 0 0 1-1-1z"/><path fill="url(#i1yRmGb)" d="M27 29v-2H7a1 1 0 1 0 0 2z"/><path fill="url(#i4IiRxc)" d="M27 29v-2H7a1 1 0 1 0 0 2z"/><path fill="url(#iSXSP2b)" d="M27 29v-2H7a1 1 0 1 0 0 2z"/><path fill="url(#ifLrXcd)" d="M0 0h1v4.078H0z" transform="matrix(1 0 0 -1 23.047 30)"/><path fill="url(#iGmmSUd)" d="M23.047 2h1v23.922h-1z"/><defs><linearGradient id="i29fAGd" x1="17.5" x2="17.5" y1="2" y2="26" gradientUnits="userSpaceOnUse"><stop stopColor="#5D4573"/><stop offset="1" stopColor="#4B3E59"/></linearGradient><linearGradient id="iA32I8C" x1="28.69" x2="25.98" y1="5.382" y2="5.479" gradientUnits="userSpaceOnUse"><stop offset=".409" stopColor="#7B698D"/><stop offset="1" stopColor="#7B698D" stopOpacity="0"/></linearGradient><linearGradient id="i8YTSGh" x1="5.205" x2="8" y1="16.738" y2="16.738" gradientUnits="userSpaceOnUse"><stop stopColor="#50475B"/><stop offset="1" stopColor="#453C4F"/></linearGradient><linearGradient id="i4ZrgSu" x1="6.431" x2="27" y1="28.964" y2="28.932" gradientUnits="userSpaceOnUse"><stop stopColor="#512F70"/><stop offset="1" stopColor="#4F2D6D"/></linearGradient><linearGradient id="i1yRmGb" x1="6.721" x2="26.819" y1="28.416" y2="28.416" gradientUnits="userSpaceOnUse"><stop stopColor="#D5BCEB"/><stop offset="1" stopColor="#DCCCED"/><stop offset="1" stopColor="#E3D3F2"/></linearGradient><linearGradient id="i4IiRxc" x1="16.25" x2="16.25" y1="26.738" y2="28.157" gradientUnits="userSpaceOnUse"><stop stopColor="#9F84AE"/><stop offset="1" stopColor="#C5B1D6" stopOpacity="0"/></linearGradient><linearGradient id="ifLrXcd" x1="0" x2="1" y1="1.81" y2="1.81" gradientUnits="userSpaceOnUse"><stop offset=".339" stopColor="#7D56C2"/><stop offset=".788" stopColor="#8C6CCC"/></linearGradient><linearGradient id="iGmmSUd" x1="23.047" x2="24.284" y1="13.198" y2="13.198" gradientUnits="userSpaceOnUse"><stop offset=".373" stopColor="#8168B6"/><stop offset=".868" stopColor="#A38AD4"/></linearGradient><filter id="i9HoRlb" width="22" height="4.1" x="5" y="26" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".1"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.294118 0 0 0 0 0.133333 0 0 0 0 0.419608 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_20913"/></filter><filter id="iV9kxmd" width="1.732" height="24.594" x="22.315" y="1.828" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_20913" stdDeviation=".25"/></filter><filter id="ineSkXk" width="2" height="4.938" x="22.315" y="25.422" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_20913" stdDeviation=".25"/></filter><radialGradient id="iVRx6pD" cx="0" cy="0" r="1" gradientTransform="matrix(0 -6.6454 1.17096 0 5.399 26.674)" gradientUnits="userSpaceOnUse"><stop stopColor="#51475C"/><stop offset="1" stopColor="#51475C" stopOpacity="0"/></radialGradient><radialGradient id="iSXSP2b" cx="0" cy="0" r="1" gradientTransform="matrix(0 3.03125 -.75 0 23.156 27.219)" gradientUnits="userSpaceOnUse"><stop stopColor="#937BAD"/><stop offset="1" stopColor="#B9A2C9" 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(#i29fAGd)" d="M8 2h17a2 2 0 0 1 2 2v22H8z"/><path fill="url(#iA32I8C)" d="M8 2h17a2 2 0 0 1 2 2v22H8z"/><path fill="url(#i8YTSGh)" d="M6.5 2A1.5 1.5 0 0 0 5 3.5V28h1a1 1 0 0 1 1-1h1V2z"/><path fill="url(#iVRx6pD)" d="M6.5 2A1.5 1.5 0 0 0 5 3.5V28h1a1 1 0 0 1 1-1h1V2z"/><g filter="url(#i9HoRlb)"><path fill="url(#i4ZrgSu)" d="M6.5 26A1.5 1.5 0 0 0 5 27.5v1A1.5 1.5 0 0 0 6.5 30h19.408C26.56 30 27 29.666 27 29H7a1 1 0 1 1 0-2h20v-1z"/></g><g filter="url(#iV9kxmd)"><path fill="#3B2D4A" d="M22.815 2.328h.732v23.594h-.732z"/></g><g filter="url(#ineSkXk)"><path fill="#42215F" d="M22.815 29.86h1v-3.938h-1z"/></g><path fill="#DED7E6" d="M12.438 6.969a1 1 0 0 1 1-1h5.25a1 1 0 0 1 1 1V9.03a1 1 0 0 1-1 1h-5.25a1 1 0 0 1-1-1z"/><path fill="url(#i1yRmGb)" d="M27 29v-2H7a1 1 0 1 0 0 2z"/><path fill="url(#i4IiRxc)" d="M27 29v-2H7a1 1 0 1 0 0 2z"/><path fill="url(#iSXSP2b)" d="M27 29v-2H7a1 1 0 1 0 0 2z"/><path fill="url(#ifLrXcd)" d="M0 0h1v4.078H0z" transform="matrix(1 0 0 -1 23.047 30)"/><path fill="url(#iGmmSUd)" d="M23.047 2h1v23.922h-1z"/><defs><linearGradient id="i29fAGd" x1="17.5" x2="17.5" y1="2" y2="26" gradientUnits="userSpaceOnUse"><stop stop-color="#5D4573"/><stop offset="1" stop-color="#4B3E59"/></linearGradient><linearGradient id="iA32I8C" x1="28.69" x2="25.98" y1="5.382" y2="5.479" gradientUnits="userSpaceOnUse"><stop offset=".409" stop-color="#7B698D"/><stop offset="1" stop-color="#7B698D" stop-opacity="0"/></linearGradient><linearGradient id="i8YTSGh" x1="5.205" x2="8" y1="16.738" y2="16.738" gradientUnits="userSpaceOnUse"><stop stop-color="#50475B"/><stop offset="1" stop-color="#453C4F"/></linearGradient><linearGradient id="i4ZrgSu" x1="6.431" x2="27" y1="28.964" y2="28.932" gradientUnits="userSpaceOnUse"><stop stop-color="#512F70"/><stop offset="1" stop-color="#4F2D6D"/></linearGradient><linearGradient id="i1yRmGb" x1="6.721" x2="26.819" y1="28.416" y2="28.416" gradientUnits="userSpaceOnUse"><stop stop-color="#D5BCEB"/><stop offset="1" stop-color="#DCCCED"/><stop offset="1" stop-color="#E3D3F2"/></linearGradient><linearGradient id="i4IiRxc" x1="16.25" x2="16.25" y1="26.738" y2="28.157" gradientUnits="userSpaceOnUse"><stop stop-color="#9F84AE"/><stop offset="1" stop-color="#C5B1D6" stop-opacity="0"/></linearGradient><linearGradient id="ifLrXcd" x1="0" x2="1" y1="1.81" y2="1.81" gradientUnits="userSpaceOnUse"><stop offset=".339" stop-color="#7D56C2"/><stop offset=".788" stop-color="#8C6CCC"/></linearGradient><linearGradient id="iGmmSUd" x1="23.047" x2="24.284" y1="13.198" y2="13.198" gradientUnits="userSpaceOnUse"><stop offset=".373" stop-color="#8168B6"/><stop offset=".868" stop-color="#A38AD4"/></linearGradient><filter id="i9HoRlb" width="22" height="4.1" x="5" y="26" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".1"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.294118 0 0 0 0 0.133333 0 0 0 0 0.419608 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_20913"/></filter><filter id="iV9kxmd" width="1.732" height="24.594" x="22.315" y="1.828" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_20913" stdDeviation=".25"/></filter><filter id="ineSkXk" width="2" height="4.938" x="22.315" y="25.422" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_20913" stdDeviation=".25"/></filter><radialGradient id="iVRx6pD" cx="0" cy="0" r="1" gradientTransform="matrix(0 -6.6454 1.17096 0 5.399 26.674)" gradientUnits="userSpaceOnUse"><stop stop-color="#51475C"/><stop offset="1" stop-color="#51475C" stop-opacity="0"/></radialGradient><radialGradient id="iSXSP2b" cx="0" cy="0" r="1" gradientTransform="matrix(0 3.03125 -.75 0 23.156 27.219)" gradientUnits="userSpaceOnUse"><stop stop-color="#937BAD"/><stop offset="1" stop-color="#B9A2C9" stop-opacity="0"/></radialGradient></defs></g></svg>
</template>

CSS

.icon-notebook {
  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(%23i29fAGd)%22%20d%3D%22M8%202h17a2%202%200%200%201%202%202v22H8z%22%2F%3E%3Cpath%20fill%3D%22url(%23iA32I8C)%22%20d%3D%22M8%202h17a2%202%200%200%201%202%202v22H8z%22%2F%3E%3Cpath%20fill%3D%22url(%23i8YTSGh)%22%20d%3D%22M6.5%202A1.5%201.5%200%200%200%205%203.5V28h1a1%201%200%200%201%201-1h1V2z%22%2F%3E%3Cpath%20fill%3D%22url(%23iVRx6pD)%22%20d%3D%22M6.5%202A1.5%201.5%200%200%200%205%203.5V28h1a1%201%200%200%201%201-1h1V2z%22%2F%3E%3Cg%20filter%3D%22url(%23i9HoRlb)%22%3E%3Cpath%20fill%3D%22url(%23i4ZrgSu)%22%20d%3D%22M6.5%2026A1.5%201.5%200%200%200%205%2027.5v1A1.5%201.5%200%200%200%206.5%2030h19.408C26.56%2030%2027%2029.666%2027%2029H7a1%201%200%201%201%200-2h20v-1z%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iV9kxmd)%22%3E%3Cpath%20fill%3D%22%233B2D4A%22%20d%3D%22M22.815%202.328h.732v23.594h-.732z%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23ineSkXk)%22%3E%3Cpath%20fill%3D%22%2342215F%22%20d%3D%22M22.815%2029.86h1v-3.938h-1z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23DED7E6%22%20d%3D%22M12.438%206.969a1%201%200%200%201%201-1h5.25a1%201%200%200%201%201%201V9.03a1%201%200%200%201-1%201h-5.25a1%201%200%200%201-1-1z%22%2F%3E%3Cpath%20fill%3D%22url(%23i1yRmGb)%22%20d%3D%22M27%2029v-2H7a1%201%200%201%200%200%202z%22%2F%3E%3Cpath%20fill%3D%22url(%23i4IiRxc)%22%20d%3D%22M27%2029v-2H7a1%201%200%201%200%200%202z%22%2F%3E%3Cpath%20fill%3D%22url(%23iSXSP2b)%22%20d%3D%22M27%2029v-2H7a1%201%200%201%200%200%202z%22%2F%3E%3Cpath%20fill%3D%22url(%23ifLrXcd)%22%20d%3D%22M0%200h1v4.078H0z%22%20transform%3D%22matrix(1%200%200%20-1%2023.047%2030)%22%2F%3E%3Cpath%20fill%3D%22url(%23iGmmSUd)%22%20d%3D%22M23.047%202h1v23.922h-1z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22i29fAGd%22%20x1%3D%2217.5%22%20x2%3D%2217.5%22%20y1%3D%222%22%20y2%3D%2226%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%22iA32I8C%22%20x1%3D%2228.69%22%20x2%3D%2225.98%22%20y1%3D%225.382%22%20y2%3D%225.479%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.409%22%20stop-color%3D%22%237B698D%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237B698D%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i8YTSGh%22%20x1%3D%225.205%22%20x2%3D%228%22%20y1%3D%2216.738%22%20y2%3D%2216.738%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2350475B%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23453C4F%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i4ZrgSu%22%20x1%3D%226.431%22%20x2%3D%2227%22%20y1%3D%2228.964%22%20y2%3D%2228.932%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23512F70%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234F2D6D%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i1yRmGb%22%20x1%3D%226.721%22%20x2%3D%2226.819%22%20y1%3D%2228.416%22%20y2%3D%2228.416%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23D5BCEB%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23DCCCED%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E3D3F2%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i4IiRxc%22%20x1%3D%2216.25%22%20x2%3D%2216.25%22%20y1%3D%2226.738%22%20y2%3D%2228.157%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%239F84AE%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C5B1D6%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ifLrXcd%22%20x1%3D%220%22%20x2%3D%221%22%20y1%3D%221.81%22%20y2%3D%221.81%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.339%22%20stop-color%3D%22%237D56C2%22%2F%3E%3Cstop%20offset%3D%22.788%22%20stop-color%3D%22%238C6CCC%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iGmmSUd%22%20x1%3D%2223.047%22%20x2%3D%2224.284%22%20y1%3D%2213.198%22%20y2%3D%2213.198%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.373%22%20stop-color%3D%22%238168B6%22%2F%3E%3Cstop%20offset%3D%22.868%22%20stop-color%3D%22%23A38AD4%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22i9HoRlb%22%20width%3D%2222%22%20height%3D%224.1%22%20x%3D%225%22%20y%3D%2226%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dy%3D%22.1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.15%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.294118%200%200%200%200%200.133333%200%200%200%200%200.419608%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_20913%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iV9kxmd%22%20width%3D%221.732%22%20height%3D%2224.594%22%20x%3D%2222.315%22%20y%3D%221.828%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_18_20913%22%20stdDeviation%3D%22.25%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22ineSkXk%22%20width%3D%222%22%20height%3D%224.938%22%20x%3D%2222.315%22%20y%3D%2225.422%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_18_20913%22%20stdDeviation%3D%22.25%22%2F%3E%3C%2Ffilter%3E%3CradialGradient%20id%3D%22iVRx6pD%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%20-6.6454%201.17096%200%205.399%2026.674)%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%3CradialGradient%20id%3D%22iSXSP2b%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%203.03125%20-.75%200%2023.156%2027.219)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23937BAD%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23B9A2C9%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(%23i29fAGd)%22%20d%3D%22M8%202h17a2%202%200%200%201%202%202v22H8z%22%2F%3E%3Cpath%20fill%3D%22url(%23iA32I8C)%22%20d%3D%22M8%202h17a2%202%200%200%201%202%202v22H8z%22%2F%3E%3Cpath%20fill%3D%22url(%23i8YTSGh)%22%20d%3D%22M6.5%202A1.5%201.5%200%200%200%205%203.5V28h1a1%201%200%200%201%201-1h1V2z%22%2F%3E%3Cpath%20fill%3D%22url(%23iVRx6pD)%22%20d%3D%22M6.5%202A1.5%201.5%200%200%200%205%203.5V28h1a1%201%200%200%201%201-1h1V2z%22%2F%3E%3Cg%20filter%3D%22url(%23i9HoRlb)%22%3E%3Cpath%20fill%3D%22url(%23i4ZrgSu)%22%20d%3D%22M6.5%2026A1.5%201.5%200%200%200%205%2027.5v1A1.5%201.5%200%200%200%206.5%2030h19.408C26.56%2030%2027%2029.666%2027%2029H7a1%201%200%201%201%200-2h20v-1z%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iV9kxmd)%22%3E%3Cpath%20fill%3D%22%233B2D4A%22%20d%3D%22M22.815%202.328h.732v23.594h-.732z%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23ineSkXk)%22%3E%3Cpath%20fill%3D%22%2342215F%22%20d%3D%22M22.815%2029.86h1v-3.938h-1z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23DED7E6%22%20d%3D%22M12.438%206.969a1%201%200%200%201%201-1h5.25a1%201%200%200%201%201%201V9.03a1%201%200%200%201-1%201h-5.25a1%201%200%200%201-1-1z%22%2F%3E%3Cpath%20fill%3D%22url(%23i1yRmGb)%22%20d%3D%22M27%2029v-2H7a1%201%200%201%200%200%202z%22%2F%3E%3Cpath%20fill%3D%22url(%23i4IiRxc)%22%20d%3D%22M27%2029v-2H7a1%201%200%201%200%200%202z%22%2F%3E%3Cpath%20fill%3D%22url(%23iSXSP2b)%22%20d%3D%22M27%2029v-2H7a1%201%200%201%200%200%202z%22%2F%3E%3Cpath%20fill%3D%22url(%23ifLrXcd)%22%20d%3D%22M0%200h1v4.078H0z%22%20transform%3D%22matrix(1%200%200%20-1%2023.047%2030)%22%2F%3E%3Cpath%20fill%3D%22url(%23iGmmSUd)%22%20d%3D%22M23.047%202h1v23.922h-1z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22i29fAGd%22%20x1%3D%2217.5%22%20x2%3D%2217.5%22%20y1%3D%222%22%20y2%3D%2226%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%22iA32I8C%22%20x1%3D%2228.69%22%20x2%3D%2225.98%22%20y1%3D%225.382%22%20y2%3D%225.479%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.409%22%20stop-color%3D%22%237B698D%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237B698D%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i8YTSGh%22%20x1%3D%225.205%22%20x2%3D%228%22%20y1%3D%2216.738%22%20y2%3D%2216.738%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2350475B%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23453C4F%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i4ZrgSu%22%20x1%3D%226.431%22%20x2%3D%2227%22%20y1%3D%2228.964%22%20y2%3D%2228.932%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23512F70%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234F2D6D%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i1yRmGb%22%20x1%3D%226.721%22%20x2%3D%2226.819%22%20y1%3D%2228.416%22%20y2%3D%2228.416%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23D5BCEB%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23DCCCED%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E3D3F2%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i4IiRxc%22%20x1%3D%2216.25%22%20x2%3D%2216.25%22%20y1%3D%2226.738%22%20y2%3D%2228.157%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%239F84AE%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C5B1D6%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ifLrXcd%22%20x1%3D%220%22%20x2%3D%221%22%20y1%3D%221.81%22%20y2%3D%221.81%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.339%22%20stop-color%3D%22%237D56C2%22%2F%3E%3Cstop%20offset%3D%22.788%22%20stop-color%3D%22%238C6CCC%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iGmmSUd%22%20x1%3D%2223.047%22%20x2%3D%2224.284%22%20y1%3D%2213.198%22%20y2%3D%2213.198%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.373%22%20stop-color%3D%22%238168B6%22%2F%3E%3Cstop%20offset%3D%22.868%22%20stop-color%3D%22%23A38AD4%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22i9HoRlb%22%20width%3D%2222%22%20height%3D%224.1%22%20x%3D%225%22%20y%3D%2226%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dy%3D%22.1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.15%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.294118%200%200%200%200%200.133333%200%200%200%200%200.419608%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_20913%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iV9kxmd%22%20width%3D%221.732%22%20height%3D%2224.594%22%20x%3D%2222.315%22%20y%3D%221.828%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_18_20913%22%20stdDeviation%3D%22.25%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22ineSkXk%22%20width%3D%222%22%20height%3D%224.938%22%20x%3D%2222.315%22%20y%3D%2225.422%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_18_20913%22%20stdDeviation%3D%22.25%22%2F%3E%3C%2Ffilter%3E%3CradialGradient%20id%3D%22iVRx6pD%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%20-6.6454%201.17096%200%205.399%2026.674)%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%3CradialGradient%20id%3D%22iSXSP2b%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%203.03125%20-.75%200%2023.156%2027.219)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23937BAD%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23B9A2C9%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.svg?color=%231a73e8&size=48