Notion icon
A free Notion icon in 5 styles, drawn by hand on a 24px grid. Copy it as SVG or JSX, for personal or commercial use.
- Size
- 24 × 24, scales to any size
- License
- Free, credit optional (terms)
- Tags
- notion, productivity, note-taking, organization, app, collaboration, project management
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path transform="translate(3 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M3.6 9.36C3.6 7.34 3.6 6.34 3.99 5.57C4.34 4.89 4.89 4.34 5.57 3.99C6.34 3.6 7.34 3.6 9.36 3.6L12.24 3.6C14.26 3.6 15.26 3.6 16.03 3.99C16.53 4.25 16.96 4.61 17.29 5.06C17.41 5.22 17.52 5.39 17.61 5.57C18 6.34 18 7.34 18 9.36L18 12.24C18 14.26 18 15.26 17.61 16.03C17.26 16.71 16.71 17.26 16.03 17.61C15.26 18 14.26 18 12.24 18L9.36 18C7.34 18 6.34 18 5.57 17.61C5.29 17.47 5.04 17.3 4.82 17.1C4.48 16.8 4.2 16.44 3.99 16.03C3.6 15.26 3.6 14.26 3.6 12.24L3.6 9.36Z"/>
<path transform="translate(3 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M7.89 14.4L7.89 7.61C7.89 7.48 7.89 7.42 7.91 7.39C7.93 7.37 7.96 7.36 7.99 7.36C8.02 7.37 8.06 7.42 8.14 7.51L13.48 14.09C13.56 14.18 13.6 14.23 13.63 14.24C13.66 14.24 13.69 14.23 13.71 14.21C13.74 14.18 13.74 14.12 13.74 13.99L13.74 7.2M17.29 5.06L14.68 1.58C14.34 1.08 13.88 0.67 13.33 0.39C12.56 0 11.56 0 9.54 0L5.76 0C3.74 0 2.74 0 1.97 0.39C1.29 0.74 0.74 1.29 0.39 1.97C0 2.74 0 3.74 0 5.76L0 9.54C0 11.56 0 12.56 0.39 13.33C0.65 13.85 1.04 14.29 1.5 14.62L4.82 17.1"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path transform="translate(2 2)" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M6.72 0L10.58 0C11.55 0 12.34 0 12.99 0.05C13.65 0.11 14.24 0.22 14.79 0.5C15.48 0.85 16.06 1.37 16.5 2L19.06 5.41C19.07 5.43 19.09 5.45 19.1 5.46C19.25 5.67 19.38 5.88 19.5 6.11C19.78 6.66 19.89 7.25 19.95 7.91C20 8.56 20 9.35 20 10.32L20 13.28C20 14.25 20 15.04 19.95 15.69C19.89 16.35 19.78 16.94 19.5 17.49C19.06 18.35 18.35 19.06 17.49 19.5C16.94 19.78 16.35 19.89 15.69 19.95C15.04 20 14.25 20 13.28 20L10.32 20C9.35 20 8.56 20 7.91 19.95C7.25 19.89 6.66 19.78 6.11 19.5C5.78 19.33 5.47 19.12 5.19 18.88L1.91 16.43C1.32 16.01 0.83 15.44 0.5 14.79C0.22 14.24 0.11 13.65 0.05 12.99C0 12.34 0 11.55 0 10.58L0 6.72C0 5.75 0 4.96 0.05 4.31C0.11 3.65 0.22 3.06 0.5 2.51C0.94 1.65 1.65 0.94 2.51 0.5C3.06 0.22 3.65 0.11 4.31 0.05C4.96 0 5.75 0 6.72 0ZM3.62 15.21C3.6 14.67 3.6 14.03 3.6 13.28L3.6 10.32C3.6 9.35 3.6 8.56 3.65 7.91C3.71 7.25 3.82 6.66 4.1 6.11C4.54 5.25 5.25 4.54 6.11 4.1C6.66 3.82 7.25 3.71 7.91 3.65C8.56 3.6 9.35 3.6 10.32 3.6L13.28 3.6C14.03 3.6 14.67 3.6 15.21 3.62L14.88 3.19C14.87 3.17 14.86 3.16 14.85 3.14C14.61 2.78 14.27 2.48 13.88 2.28C13.66 2.17 13.36 2.09 12.82 2.05C12.27 2 11.56 2 10.54 2L6.76 2C5.74 2 5.03 2 4.48 2.05C3.94 2.09 3.64 2.17 3.42 2.28C2.93 2.53 2.53 2.93 2.28 3.42C2.17 3.64 2.09 3.94 2.05 4.48C2 5.03 2 5.74 2 6.76L2 10.54C2 11.56 2 12.27 2.05 12.82C2.09 13.36 2.17 13.66 2.28 13.88C2.47 14.25 2.75 14.57 3.08 14.81L3.1 14.82L3.62 15.21ZM15.74 8.2C15.74 7.65 15.29 7.2 14.74 7.2C14.18 7.2 13.74 7.65 13.74 8.2L13.74 12.58L9.92 7.88L9.91 7.87C9.88 7.84 9.82 7.77 9.77 7.71L9.76 7.71C9.73 7.67 9.5 7.43 9.14 7.38C8.78 7.32 8.41 7.45 8.17 7.72C7.92 7.99 7.9 8.32 7.89 8.37L7.89 8.38C7.88 8.46 7.88 8.55 7.89 8.59L7.89 8.61L7.89 15.4C7.89 15.95 8.33 16.4 8.89 16.4C9.44 16.4 9.89 15.95 9.89 15.4L9.89 11.02L13.7 15.72L13.71 15.73C13.74 15.76 13.8 15.83 13.85 15.89L13.86 15.89C13.89 15.93 14.12 16.17 14.48 16.22C14.84 16.28 15.21 16.15 15.45 15.88C15.7 15.61 15.72 15.28 15.73 15.23L15.73 15.22C15.74 15.14 15.74 15.05 15.74 15.01L15.74 14.99L15.74 8.2Z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path opacity="0.28" transform="translate(3 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M18 9.36L18 12.24C18 14.26 18 15.26 17.61 16.03C17.26 16.71 16.71 17.26 16.03 17.61C15.26 18 14.26 18 12.24 18L9.36 18C7.34 18 6.34 18 5.57 17.61C5.29 17.47 5.04 17.3 4.82 17.1L1.5 14.62C1.04 14.29 0.65 13.85 0.39 13.33C0 12.56 0 11.56 0 9.54L0 5.76C0 3.74 0 2.74 0.39 1.97C0.74 1.29 1.29 0.74 1.97 0.39C2.74 0 3.74 0 5.76 0L9.54 0C11.56 0 12.56 0 13.33 0.39C13.88 0.67 14.34 1.08 14.68 1.58L17.26 5.01C17.27 5.03 17.28 5.04 17.29 5.06C17.41 5.22 17.52 5.39 17.61 5.57C18 6.34 18 7.34 18 9.36Z"/>
<path opacity="0.28" transform="translate(3 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M17.29 5.06L17.26 5.01C16.94 4.59 16.52 4.24 16.03 3.99C15.26 3.6 14.26 3.6 12.24 3.6L9.36 3.6C7.34 3.6 6.34 3.6 5.57 3.99C4.89 4.34 4.34 4.89 3.99 5.57C3.6 6.34 3.6 7.34 3.6 9.36L3.6 12.24C3.6 14.26 3.6 15.26 3.99 16.03C4.2 16.44 4.48 16.8 4.82 17.1"/>
<path transform="translate(10.89 10.2)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 7.2L0 0.41C0 0.28 0 0.22 0.02 0.19C0.04 0.17 0.07 0.16 0.1 0.16C0.14 0.17 0.18 0.22 0.26 0.31L5.59 6.89C5.67 6.98 5.71 7.03 5.75 7.04C5.78 7.04 5.81 7.03 5.83 7.01C5.85 6.98 5.85 6.92 5.85 6.79L5.85 0"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path opacity="0.28" transform="translate(2 2)" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M6.72 0C5.75 0 4.96 0 4.31 0.05C3.65 0.11 3.06 0.22 2.51 0.5C1.65 0.94 0.94 1.65 0.5 2.51C0.22 3.06 0.11 3.65 0.05 4.31C0 4.96 0 5.75 0 6.72L0 10.58C0 11.55 0 12.34 0.05 12.99C0.11 13.65 0.22 14.24 0.5 14.79C0.83 15.44 1.32 16.01 1.91 16.43L5.19 18.88C5.47 19.12 5.78 19.33 6.11 19.5C6.66 19.78 7.25 19.89 7.91 19.95C8.56 20 9.35 20 10.32 20L13.28 20C14.25 20 15.04 20 15.69 19.95C16.35 19.89 16.94 19.78 17.49 19.5C18.35 19.06 19.06 18.35 19.5 17.49C19.78 16.94 19.89 16.35 19.95 15.69C20 15.04 20 14.25 20 13.28L20 10.32C20 9.35 20 8.56 19.95 7.91C19.89 7.25 19.78 6.66 19.5 6.11C19.38 5.88 19.25 5.67 19.1 5.46C19.09 5.45 19.07 5.43 19.06 5.41L16.5 2C16.06 1.37 15.48 0.85 14.79 0.5C14.24 0.22 13.65 0.11 12.99 0.05C12.34 0 11.55 0 10.58 0L6.72 0ZM3.6 13.28C3.6 14.03 3.6 14.67 3.62 15.21L3.1 14.82L3.08 14.81C2.75 14.57 2.47 14.25 2.28 13.88C2.17 13.66 2.09 13.36 2.05 12.82C2 12.27 2 11.56 2 10.54L2 6.76C2 5.74 2 5.03 2.05 4.48C2.09 3.94 2.17 3.64 2.28 3.42C2.53 2.93 2.93 2.53 3.42 2.28C3.64 2.17 3.94 2.09 4.48 2.05C5.03 2 5.74 2 6.76 2L10.54 2C11.56 2 12.27 2 12.82 2.05C13.36 2.09 13.66 2.17 13.88 2.28C14.27 2.48 14.61 2.78 14.85 3.14C14.86 3.16 14.87 3.17 14.88 3.19L15.21 3.62C14.67 3.6 14.03 3.6 13.28 3.6L10.32 3.6C9.35 3.6 8.56 3.6 7.91 3.65C7.25 3.71 6.66 3.82 6.11 4.1C5.25 4.54 4.54 5.25 4.1 6.11C3.82 6.66 3.71 7.25 3.65 7.91C3.6 8.56 3.6 9.35 3.6 10.32L3.6 13.28Z"/>
<path transform="translate(10.89 10.2)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 7.2L0 0.41C0 0.28 0 0.22 0.02 0.19C0.04 0.17 0.07 0.16 0.1 0.16C0.14 0.17 0.18 0.22 0.26 0.31L5.59 6.89C5.67 6.98 5.71 7.03 5.75 7.04C5.78 7.04 5.81 7.03 5.83 7.01C5.85 6.98 5.85 6.92 5.85 6.79L5.85 0"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path opacity="0.28" transform="translate(6.6 6.6)" fill="currentColor" d="M8.64 0L5.76 0C3.74 0 2.74 0 1.97 0.39C1.29 0.74 0.74 1.29 0.39 1.97C0 2.74 0 3.74 0 5.76L0 8.64C0 10.66 0 11.66 0.39 12.43C0.6 12.84 0.88 13.2 1.22 13.5C1.44 13.7 1.69 13.87 1.97 14.01C2.74 14.4 3.74 14.4 5.76 14.4L8.64 14.4C10.66 14.4 11.66 14.4 12.43 14.01C13.11 13.66 13.66 13.11 14.01 12.43C14.4 11.66 14.4 10.66 14.4 8.64L14.4 5.76C14.4 3.74 14.4 2.74 14.01 1.97C13.92 1.79 13.81 1.62 13.69 1.46C13.36 1.01 12.93 0.65 12.43 0.39C11.66 0 10.66 0 8.64 0Z"/>
<path transform="translate(3 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M3.6 9.36C3.6 7.34 3.6 6.34 3.99 5.57C4.34 4.89 4.89 4.34 5.57 3.99C6.34 3.6 7.34 3.6 9.36 3.6L12.24 3.6C14.26 3.6 15.26 3.6 16.03 3.99C16.53 4.25 16.96 4.61 17.29 5.06C17.41 5.22 17.52 5.39 17.61 5.57C18 6.34 18 7.34 18 9.36L18 12.24C18 14.26 18 15.26 17.61 16.03C17.26 16.71 16.71 17.26 16.03 17.61C15.26 18 14.26 18 12.24 18L9.36 18C7.34 18 6.34 18 5.57 17.61C5.29 17.47 5.04 17.3 4.82 17.1C4.48 16.8 4.2 16.44 3.99 16.03C3.6 15.26 3.6 14.26 3.6 12.24L3.6 9.36Z"/>
<path transform="translate(3 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M7.89 14.4L7.89 7.61C7.89 7.48 7.89 7.42 7.91 7.39C7.93 7.37 7.96 7.36 7.99 7.36C8.02 7.37 8.06 7.42 8.14 7.51L13.48 14.09C13.56 14.18 13.6 14.23 13.63 14.24C13.66 14.24 13.69 14.23 13.71 14.21C13.74 14.18 13.74 14.12 13.74 13.99L13.74 7.2M17.29 5.06L14.68 1.58C14.34 1.08 13.88 0.67 13.33 0.39C12.56 0 11.56 0 9.54 0L5.76 0C3.74 0 2.74 0 1.97 0.39C1.29 0.74 0.74 1.29 0.39 1.97C0 2.74 0 3.74 0 5.76L0 9.54C0 11.56 0 12.56 0.39 13.33C0.65 13.85 1.04 14.29 1.5 14.62L4.82 17.1"/>
</svg>
More Social Media & Apps icons
In the full library
- Airbnb
- Amie So
- Arc Browser
- Bear App
- Binance
- Bluesky
- Bumble
- CodePen
- Coinbase
- CopperX
- Facebook Messenger
- Firefox Browser
- Fueler
- GitLab
- Godly Website
- Google Chrome
- Hashtag
- Layers To
- LeetCode
- Mastodon
- Meta
- MetaMask
- Microsoft Edge
- Microsoft Windows
Get the full library
5,000+ icons across five styles, with the Figma file and the Pikaicons app, for one payment from $99. 500+ of them are free to copy here.
