Notion Icon

Free SVG icon from the Mage Icons collection. Download or copy for use in any project.

Download SVG

Collection: Mage Icons
Format: SVG, Font, PNG
License: Apache 2.0 - Free for commercial use
Style: Brand
Tags: notion

The Notion icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/310423.svg" alt="Notion icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/310423.svg" alt="Notion icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/310423.svg"
  alt="Notion icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-notion {
  background-image: url('https://proicons.com/icon/310423.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.4324 12.9042V18.7041C20.4324 18.7692 20.4324 18.8331 20.4324 18.8982C20.4147 19.5954 20.0773 19.9801 19.379 20.0381C18.5776 20.1044 17.7727 20.1458 16.969 20.1943C15.3482 20.2938 13.7278 20.3916 12.1077 20.4879C10.6731 20.5731 9.23854 20.6489 7.80513 20.7447C7.17069 20.7862 6.67237 20.5861 6.32082 20.0416C6.21666 19.8807 6.08409 19.7363 5.96572 19.5824C5.36679 18.8083 4.7714 18.0318 4.16774 17.2612C3.76314 16.7641 3.54798 16.1396 3.56052 15.4987C3.58064 12.0898 3.5688 8.68084 3.57116 5.27189C3.57014 5.1434 3.58044 5.01507 3.60194 4.88839C3.69308 4.3877 4.00321 4.07758 4.50863 4.03023C5.33719 3.95211 6.17759 3.89766 7.01326 3.83493L11.0022 3.54138C12.2806 3.44787 13.5589 3.3591 14.8373 3.25849C15.4779 3.20639 16.115 3.39551 16.6234 3.78877C17.7491 4.60549 18.8937 5.395 20.0347 6.1916C20.1671 6.27644 20.2743 6.39517 20.3453 6.53546C20.4163 6.67575 20.4484 6.83249 20.4384 6.98939C20.4265 8.96019 20.4324 10.9322 20.4324 12.9042ZM19.2701 12.9811C19.2701 11.279 19.2701 9.57766 19.2701 7.87714C19.2701 7.38473 19.0973 7.21547 18.6191 7.24269C17.235 7.3216 15.8521 7.40051 14.4703 7.47943L9.38058 7.77653C8.78165 7.81204 8.1839 7.84636 7.58615 7.88661C7.26893 7.9091 7.12452 8.04877 7.07836 8.36007C7.06612 8.44948 7.06098 8.53972 7.06297 8.62995V18.4899C7.06297 19.2569 7.26656 19.4486 8.03713 19.4036C8.80769 19.3587 9.57589 19.309 10.3536 19.264L18.593 18.7905C19.0345 18.7656 19.2358 18.5715 19.2713 18.1324C19.2772 18.0555 19.2713 17.9785 19.2713 17.8957C19.2713 16.2614 19.2709 14.6232 19.2701 12.9811ZM18.0225 6.06495L18.0497 6.01405C17.9892 5.94009 17.9222 5.87157 17.8497 5.80928C17.304 5.41038 16.7524 5.01859 16.2068 4.62561C15.8496 4.35274 15.4068 4.21632 14.958 4.24092C14.0643 4.29537 13.1719 4.36639 12.2782 4.43031L6.53388 4.84814C6.12196 4.87892 5.70531 4.90969 5.30286 4.95822C5.25792 4.96716 5.21565 4.98633 5.17932 5.01425C5.14298 5.04217 5.11357 5.07808 5.09336 5.1192C5.07561 5.16773 5.15727 5.27781 5.22001 5.32871C5.6698 5.6921 6.12788 6.04838 6.5824 6.40703C6.82734 6.61141 7.13958 6.71732 7.45832 6.70413C7.61338 6.69703 7.76843 6.70413 7.92231 6.68992C9.31193 6.6047 10.7012 6.51947 12.09 6.43425L17.6283 6.10756C17.7597 6.09336 17.8911 6.07797 18.0225 6.06495Z" fill="black"/>
<path d="M15.5273 14.6879V10.0279C15.2752 9.99827 15.0338 9.96277 14.7911 9.94501C14.6585 9.93554 14.6266 9.87517 14.6408 9.75799C14.6543 9.63133 14.7104 9.51299 14.7998 9.42227C14.8892 9.33156 15.0067 9.27382 15.1332 9.25849C15.9357 9.19812 16.7394 9.15669 17.5384 9.10934C17.6567 9.50587 17.5384 9.70118 17.1572 9.77575C16.7394 9.86334 16.7394 9.86334 16.7394 10.2883C16.7394 12.5704 16.7394 14.8521 16.7394 17.1334C16.7394 17.292 16.6968 17.3891 16.5465 17.4364C16.2823 17.535 16.0133 17.6199 15.7404 17.6909C15.3013 17.7832 14.9118 17.6613 14.6514 17.2825C14.2884 16.7594 13.9333 16.2299 13.5861 15.6941C12.7824 14.45 11.9882 13.2013 11.1892 11.9537C11.1727 11.9276 11.1513 11.9028 11.1064 11.8412C11.0969 11.9265 11.0874 11.9762 11.0874 12.0271C11.0874 13.58 11.0874 15.1342 11.0874 16.6872C11.0874 16.8245 11.1312 16.8801 11.2626 16.9049C11.5585 16.9629 11.8544 17.034 12.1433 17.0991C12.1382 17.2444 12.0806 17.3829 11.9811 17.4889C11.8816 17.595 11.747 17.6613 11.6023 17.6755C11.3601 17.7081 11.1163 17.7283 10.872 17.7359C10.2802 17.7714 9.68833 17.7986 9.0965 17.8412C8.92369 17.8531 8.88936 17.7809 8.91895 17.64C8.92756 17.5553 8.96259 17.4754 9.0191 17.4117C9.0756 17.3479 9.15072 17.3036 9.23381 17.2849C9.41965 17.2399 9.60311 17.1807 9.78776 17.1287V10.4386L8.9592 10.3652C8.93154 10.2789 8.92404 10.1875 8.9373 10.0979C8.95056 10.0082 8.98422 9.92287 9.03568 9.84831C9.08714 9.77375 9.15503 9.712 9.23411 9.66782C9.3132 9.62363 9.40138 9.59819 9.49185 9.59346C10.2174 9.53546 10.9466 9.51297 11.6698 9.4313C11.9787 9.39697 12.1231 9.51061 12.2782 9.74971C13.3009 11.3263 14.3389 12.8959 15.3711 14.4666C15.4113 14.5246 15.4528 14.5814 15.5273 14.6879Z" fill="black"/>
</svg>