Home/Libraries/Noto Emoji (v1) (Iconify)/notebook

Noto Emoji (v1) (Iconify)

Notebook

License: Apache-2.0Commercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 128 128"><path fill="#818cf8" d="M51.5 112.44c11.71-11.39 29.92-29.4 33.82-33.47c4.85-5.05 3.4-9.17 1.34-13.71c-.67-1.49-11.67-26.33-18.74-42.36c.29-.14 2.98-2.04 3.64-2.33c2.1-.94 3.48.64 4.41 2.6c.68 1.45 16.51 46.98 20.37 57.32c.63 1.68 2.14 3.88 1.29 5.73c-.95 2.07-4.79 3.36-6.63 4.49c-2.33 1.42-4.72 2.74-7.13 4.01c-4.76 2.51-9.61 4.86-14.27 7.55c-5.6 3.23-11.27 6.29-16.9 9.45c-.39.23-.79.48-1.2.72"/><path fill="#818cf8" d="M110.92 101.1c-.77.33-1.61.56-2.13.76c-10.77 4.13-22 6.84-33.11 9.9c-6.21 1.71-12.4 3.53-18.57 5.37c-.88.27-2.03.64-3.31 1.06c5.29-2.93 10.61-5.8 15.84-8.83c3.96-2.29 8.01-4.39 12.05-6.53c4.84-2.56 9.66-5.17 14.25-8.16c2.15-1.41 5.05-2.1 6.7-4.19c1.7-2.14 1.6-5.25.84-7.74c-3.63-11.72-7.28-23.45-11.86-34.83c-2.17-5.41-4.35-10.82-6.01-16.41c-.26-.86-.53-1.82-.8-2.82c4.45-2.53 3.9-.83 5.93 3.81c3.41 7.79 6.56 15.51 9.12 23.62c.77 2.41 1.51 4.81 2.26 7.22c2.04 6.54 4.09 13.08 6.13 19.62c.94 3.03 1.89 6.07 2.85 9.1c.82 2.71 3.54 7.47-.18 9.05"/><path fill="#818cf8" d="M17.21 40.16c-1.75 2.11-5.68 6.84-6.08 7.32c-3.02 3.58-3.17 7.66-2.67 10.39c.92 5.06 12.68 49.12 19.42 63.4c.72 1.54 1.57 2.59 2.51 3.28c5.37 7.05 22.41.16 28.39-1.45c8.73-2.36 17.55-4.46 26.24-7.01c8.72-2.56 17.24-5.5 25.88-8.29c2.73-.88 5.9-1.95 7.57-4.46c2.06-3.09 1.32-7.39.32-11.04c-2.1-7.61-5.05-14.94-7.69-22.37c-3.45-9.71-6.32-19.63-10.27-29.16c-1.24-3-2.52-5.97-3.85-8.93c-1.06-2.36-1.67-4.94-2.92-7.21c-1.94-3.48-3.73-4.03-7.5-2.64c-.93.35-2.54 1.08-3.5.5c-.73-.44-.86-1.69-1.12-2.43c-.51-1.45-1.12-3.19-2-4.47c-.33-.48-.69-1.04-1.06-1.48c-.5-.59-3.54-2.01-8.57.12c-1.22.52-16.11 9.48-16.11 9.48zm34.29 72.28C36.77 89.12 42.29 49.37 67.93 22.9c.29-.14 2.98-2.04 3.64-2.33c2.1-.94 3.48.64 4.41 2.6c.68 1.45 16.51 46.98 20.37 57.32c.63 1.68 2.14 3.88 1.29 5.73c-.95 2.07-4.79 3.36-6.63 4.49c-2.33 1.42-4.72 2.74-7.13 4.01c-4.76 2.51-9.61 4.86-14.27 7.55c-5.6 3.23-11.27 6.29-16.9 9.45c-.4.23-.8.48-1.21.72m59.42-11.34c-.77.33-1.61.56-2.13.76c-10.77 4.13-22 6.84-33.11 9.9c-6.21 1.71-12.4 3.53-18.57 5.37c-.88.27-2.03.64-3.31 1.06c5.29-2.93 10.61-5.8 15.84-8.83c3.96-2.29 8.01-4.39 12.05-6.53c4.84-2.56 9.66-5.17 14.25-8.16c2.15-1.41 5.05-2.1 6.7-4.19c1.7-2.14 1.6-5.25.84-7.74c-3.63-11.72-7.28-23.45-11.86-34.83c-2.17-5.41-4.35-10.82-6.01-16.41c-.26-.86-.53-1.82-.8-2.82c4.45-2.53 3.9-.83 5.93 3.81c3.41 7.79 6.56 15.51 9.12 23.62c.77 2.41 1.51 4.81 2.26 7.22c2.04 6.54 4.09 13.08 6.13 19.62c.94 3.03 1.89 6.07 2.85 9.1c.82 2.71 3.54 7.47-.18 9.05"/><path fill="#818cf8" d="m45.07 118.27l9.82-9.13c11.56-11.29 26.89-26.47 30.43-30.16c4.85-5.05 3.4-9.17 1.34-13.71c-.44-.98-25.68-58.43-26.29-59.72C58.48 1.59 55.96-.22 53.52.5c-.82.24-1.58.59-2.3 1.02c-1.18.71-3.65 2.94-5.9 5.1c-1.47 1.4-18.62 22.09-28.11 33.54c0 0 24.14 74.4 24.96 77.2c.82 2.81 2.9.91 2.9.91"/><path fill="#818cf8" d="M50.3 35.27c.54-.45 1.14-.89 1.65-1.38c.78-.76 2.26-2.05 2.12-3.23c-.07-.66-.41-1.18-.93-1.45c-.23-.12-.51-.19-.82-.2c-1.86-.03-3.88 1.63-5.18 2.77c-.9.78-1.92 1.44-2.85 2.17c-1.97 1.55-3.62 3.51-5.48 5.2c-1.71 1.57-3.04 3.48-4.56 5.21c-1.5 1.7-3.18 3.21-4.61 4.98c-.52.64-1.06 1.16-.95 2.03c.11.86.78 1.9 1.58 2.26c1.27.57 2.39-1.07 3.17-1.78c5.9-5.31 10.74-11.48 16.86-16.58m5.22 3.24c-1.67.79-3.46 2.75-4.17 3.45c-2.41 2.37-5.4 4.44-7.62 6.93c-1.34 1.5-2.7 2.99-4.2 4.33c-1.71 1.52-3.92 3.03-5.12 5.01c-.76 1.24-1.01 3.62.79 4.13c2.26.65 3.44-2.66 4.82-3.86c2.04-1.78 4.33-3.28 6.27-5.19c2.29-2.27 4.4-4.71 6.69-6.99c1.26-1.25 5.78-3.9 5.77-5.72c0-.77-.24-1.25-.74-1.84c-.63-.76-1.54-.69-2.49-.25"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. NotebookIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **Apache-2.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.