Notebook 2 Outline icon

solar:notebook-2-outline

The Notebook 2 Outline icon (solar:notebook-2-outline) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: School
Tags: notebookoutline

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M18.8181 8.27243C19.2199 8.17197 19.6271 8.41629 19.7276 8.81813C19.8281 9.21998 19.5837 9.62718 19.1819 9.72764L15.1819 10.7276C14.7801 10.8281 14.3729 10.5838 14.2724 10.1819C14.1719 9.78009 14.4163 9.37289 14.8181 9.27243L18.8181 8.27243Z"/><path d="M18.8181 12.2724C19.2199 12.172 19.6271 12.4163 19.7276 12.8181C19.8281 13.22 19.5837 13.6272 19.1819 13.7276L15.1819 14.7276C14.7801 14.8281 14.3729 14.5838 14.2724 14.1819C14.1719 13.7801 14.4163 13.3729 14.8181 13.2724L18.8181 12.2724Z"/><path d="M4.27239 8.81813C4.37285 8.41629 4.78006 8.17197 5.1819 8.27243L9.1819 9.27243C9.58375 9.37289 9.82807 9.78009 9.72761 10.1819C9.62715 10.5838 9.21994 10.8281 8.8181 10.7276L4.8181 9.72764C4.41625 9.62718 4.17193 9.21998 4.27239 8.81813Z"/><path d="M4.27239 12.8181C4.37285 12.4163 4.78006 12.172 5.1819 12.2724L9.1819 13.2724C9.58375 13.3729 9.82807 13.7801 9.72761 14.1819C9.62715 14.5838 9.21994 14.8281 8.8181 14.7276L4.8181 13.7276C4.41625 13.6272 4.17193 13.22 4.27239 12.8181Z"/><path fill-rule="evenodd" d="M22.75 4.93323C22.75 3.46992 21.5847 2.21498 20.0559 2.26824C18.9175 2.30789 17.4296 2.4263 16.2849 2.76899C15.2899 3.06687 14.1706 3.64872 13.2982 4.15366C12.4801 4.62712 11.4617 4.65074 10.6328 4.21248C9.63736 3.68609 8.32766 3.06215 7.19136 2.7623C6.23055 2.50876 5.01517 2.38698 4.02841 2.32634C2.47017 2.23057 1.25 3.49868 1.25 4.99784V16.1436C1.25 17.6798 2.49378 18.8792 3.96804 18.9714C4.9268 19.0314 6.00566 19.1467 6.80864 19.3586C7.8012 19.6205 9.0286 20.2029 10.0196 20.7311C11.2529 21.3885 12.7471 21.3885 13.9804 20.7311C14.9714 20.2029 16.1988 19.6205 17.1914 19.3586C17.9943 19.1467 19.0732 19.0314 20.032 18.9714C21.5062 18.8792 22.75 17.6798 22.75 16.1436V4.93323ZM20.1081 3.76733C20.7229 3.74591 21.25 4.25164 21.25 4.93323V16.1436C21.25 16.8294 20.6817 17.4278 19.9383 17.4743C18.9582 17.5356 17.7591 17.6574 16.8086 17.9082C15.6383 18.2171 14.2827 18.8701 13.2748 19.4074C13.1065 19.4971 12.9305 19.5678 12.75 19.6194V5.94207C13.2023 5.85153 13.6421 5.68771 14.0495 5.45191C14.9 4.95972 15.8949 4.45152 16.7151 4.20597C17.6643 3.92182 18.9892 3.8063 20.1081 3.76733ZM11.25 5.97501C10.795 5.90426 10.349 5.75918 9.93167 5.53851C8.95486 5.022 7.77076 4.46654 6.80864 4.21266C5.99643 3.99833 4.90238 3.88288 3.93639 3.82351C3.30243 3.78455 2.75 4.30065 2.75 4.99784V16.1436C2.75 16.8294 3.31831 17.4278 4.06168 17.4743C5.04176 17.5356 6.24092 17.6574 7.19136 17.9082C8.3617 18.2171 9.71727 18.8701 10.7252 19.4074C10.8935 19.4971 11.0695 19.5678 11.25 19.6194V5.97501Z" clip-rule="evenodd"/></g></svg>

How to use the Notebook 2 Outline icon

React

import { Icon } from "@iconify/react";

<Icon icon="solar:notebook-2-outline" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:notebook-2-outline" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:notebook-2-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--notebook-2-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:notebook-2-outline"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:notebook-2-outline"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/notebook-2-outline.svg" alt="Notebook 2 Outline icon" width="24" height="24">

Related icons in Solar

Notebook 2 Outline icon FAQ

Is the Notebook 2 Outline icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Notebook 2 Outline icon in React?

Install @iconify/react and render <Icon icon="solar:notebook-2-outline" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Notebook 2 Outline icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/notebook-2-outline.svg" alt="Notebook 2 Outline icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →