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/310473.svg" alt="Notion icon" width="24" height="24">

React JSX

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

Vue template

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

CSS background

.icon-notion {
  background-image: url('https://proicons.com/icon/310473.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="M14.6592 2H15.5571C15.5931 2.01404 15.6303 2.02485 15.6682 2.03228C16.149 2.08501 16.6089 2.25722 17.006 2.53321C17.6253 2.95284 18.2386 3.38084 18.8495 3.81123C19.5669 4.31335 20.2758 4.81188 20.9752 5.33194C21.4785 5.70614 21.6925 6.23337 21.6925 6.85982C21.6865 8.20001 21.6925 9.54139 21.6925 10.8816C21.6925 13.55 21.6925 16.218 21.6925 18.8856C21.6925 20.3 20.8783 21.193 19.4724 21.2982C18.2984 21.3867 17.122 21.4513 15.9468 21.5218L9.10837 21.9283C8.82264 21.945 8.5393 21.9761 8.25476 22H7.1214C7.10025 21.9865 7.07731 21.976 7.05326 21.9689C6.73975 21.9227 6.43865 21.8143 6.16765 21.65C5.89664 21.4858 5.6612 21.269 5.47516 21.0125C4.69248 20.0082 3.91181 19.0008 3.13312 17.9902C2.58287 17.2979 2.29115 16.4355 2.3082 15.5513C2.33092 12.1094 2.31657 8.66746 2.31657 5.22554C2.31657 5.13468 2.31657 5.04262 2.31657 4.95176C2.37396 3.75623 3.19289 2.87991 4.38483 2.77829C5.64253 2.67069 6.90142 2.5882 8.16032 2.49614C9.89304 2.36862 11.625 2.2411 13.3561 2.11358C13.7925 2.08249 14.2252 2.03826 14.6592 2ZM20.5173 12.9188C20.5173 10.927 20.5113 8.93526 20.5233 6.94112C20.5334 6.78265 20.501 6.62434 20.4293 6.48264C20.3576 6.34095 20.2493 6.22102 20.1156 6.13533C18.9631 5.33074 17.807 4.53333 16.6701 3.70841C16.1572 3.31065 15.5142 3.11879 14.8672 3.17042C13.5761 3.27204 12.2849 3.36171 10.9937 3.45615L6.96479 3.75265C6.12074 3.81601 5.2767 3.8722 4.43505 3.94991C3.92456 3.99773 3.61133 4.30857 3.51927 4.81667C3.49755 4.94462 3.48715 5.07424 3.48819 5.20402C3.48819 8.64714 3.49776 12.0903 3.47743 15.5334C3.46477 16.1806 3.68209 16.8114 4.09074 17.3135C4.70046 18.0918 5.30181 18.8761 5.90675 19.658C6.0263 19.8134 6.159 19.9592 6.26541 20.1218C6.62406 20.6718 7.12379 20.8738 7.7646 20.832C9.21238 20.7351 10.6614 20.6586 12.1103 20.5725C13.7474 20.4745 15.3841 20.3757 17.0204 20.276C17.8321 20.227 18.6451 20.1852 19.4545 20.1182C20.1562 20.0597 20.5006 19.6711 20.5185 18.9669C20.5185 18.9012 20.5185 18.8366 20.5185 18.7709L20.5173 12.9188Z" fill="white"/>
<path d="M20.5185 12.9187V18.7768C20.5185 18.8426 20.5185 18.9071 20.5185 18.9729C20.5005 19.6771 20.1598 20.0656 19.4544 20.1242C18.6451 20.1911 17.8321 20.233 17.0203 20.282C15.3833 20.3824 13.7466 20.4813 12.1103 20.5785C10.6613 20.6646 9.21234 20.7411 7.76456 20.8379C7.12375 20.8798 6.62044 20.6777 6.26536 20.1278C6.16016 19.9652 6.02626 19.8193 5.90671 19.6639C5.30177 18.882 4.70042 18.0978 4.0907 17.3195C3.68205 16.8174 3.46473 16.1866 3.47739 15.5393C3.49772 12.0962 3.48576 8.6531 3.48815 5.20998C3.48711 5.0802 3.49751 4.95058 3.51923 4.82263C3.61129 4.31692 3.92452 4.00369 4.43501 3.95587C5.27188 3.87697 6.1207 3.82197 6.96475 3.75861L10.9937 3.46212C12.2849 3.36767 13.576 3.27801 14.8672 3.17639C15.5143 3.12377 16.1577 3.31479 16.6712 3.71198C17.8082 4.5369 18.9643 5.33432 20.1168 6.13891C20.2505 6.2246 20.3588 6.34452 20.4305 6.48621C20.5021 6.62791 20.5346 6.78622 20.5244 6.94469C20.5125 8.93525 20.5185 10.927 20.5185 12.9187ZM19.3444 12.9965C19.3444 11.2773 19.3444 9.55891 19.3444 7.84134C19.3444 7.344 19.1699 7.17304 18.6869 7.20053C17.2889 7.28024 15.8922 7.35994 14.4966 7.43964L9.3558 7.73972C8.75087 7.77558 8.14713 7.81025 7.54339 7.8509C7.22298 7.87362 7.07712 8.01469 7.0305 8.32911C7.01814 8.41942 7.01294 8.51057 7.01496 8.60169V18.5604C7.01496 19.3351 7.22059 19.5288 7.99888 19.4834C8.77717 19.438 9.55307 19.3878 10.3385 19.3423L18.6606 18.8641C19.1065 18.839 19.3098 18.6429 19.3456 18.1994C19.3516 18.1217 19.3456 18.044 19.3456 17.9603C19.3456 16.3097 19.3452 14.6551 19.3444 12.9965ZM18.0844 6.01098L18.1119 5.95958C18.0507 5.88487 17.9831 5.81566 17.9098 5.75275C17.3587 5.34986 16.8016 4.95414 16.2504 4.55722C15.8897 4.28161 15.4424 4.14382 14.9891 4.16867C14.0865 4.22367 13.1851 4.2954 12.2825 4.35996L6.48056 4.78198C6.06451 4.81306 5.64369 4.84415 5.23721 4.89317C5.19182 4.90219 5.14912 4.92156 5.11242 4.94975C5.07572 4.97795 5.04602 5.01422 5.0256 5.05576C5.00767 5.10477 5.09015 5.21596 5.15352 5.26737C5.60782 5.63439 6.07049 5.99425 6.52957 6.35649C6.77697 6.56292 7.09233 6.66989 7.41427 6.65657C7.57088 6.6494 7.72749 6.65657 7.88291 6.64222C9.28646 6.55614 10.6896 6.47007 12.0924 6.38399L17.6862 6.05402C17.8189 6.03968 17.9517 6.02413 18.0844 6.01098Z" fill="black"/>
<path d="M19.3444 12.9965C19.3444 14.6559 19.3444 16.3157 19.3444 17.9759C19.3444 18.0548 19.3444 18.1325 19.3444 18.215C19.3085 18.6585 19.1053 18.8546 18.6593 18.8797L10.3373 19.3579C9.55659 19.4033 8.78308 19.4523 7.99762 19.499C7.21215 19.5456 7.0137 19.3507 7.0137 18.576V8.61009C7.01168 8.51896 7.01687 8.42782 7.02923 8.33751C7.07586 8.0195 7.22172 7.87843 7.54212 7.8593C8.14586 7.81865 8.7496 7.78398 9.35454 7.74812L14.4953 7.44804C15.8917 7.36834 17.2885 7.28863 18.6856 7.20893C19.1639 7.18143 19.3432 7.3524 19.3432 7.84974C19.3448 9.56253 19.3452 11.2781 19.3444 12.9965ZM15.5641 14.7204C15.4888 14.6128 15.4446 14.5555 15.4087 14.4969C14.3662 12.9104 13.3177 11.3251 12.2848 9.73269C12.1282 9.49359 11.9823 9.37403 11.6703 9.4111C10.9398 9.49359 10.2034 9.5163 9.47051 9.57488C9.37913 9.57966 9.29007 9.60536 9.21019 9.64998C9.13031 9.69461 9.06174 9.75698 9.00976 9.83228C8.95779 9.90759 8.92379 9.99382 8.9104 10.0843C8.89701 10.1749 8.90458 10.2672 8.93252 10.3544L9.76939 10.4285V17.1904C9.58289 17.243 9.39758 17.3028 9.20988 17.3482C9.12595 17.3671 9.05008 17.4119 8.99301 17.4762C8.93594 17.5406 8.90056 17.6213 8.89187 17.7069C8.86198 17.8491 8.89187 17.9221 9.0712 17.9101C9.66896 17.8671 10.2667 17.8396 10.8645 17.8037C11.1113 17.796 11.3575 17.7757 11.6021 17.7427C11.7483 17.7283 11.8842 17.6614 11.9847 17.5543C12.0852 17.4472 12.1434 17.3073 12.1485 17.1605C11.8532 17.0948 11.5579 17.023 11.259 16.9644C11.1263 16.9393 11.0821 16.8831 11.0821 16.7445C11.0881 15.1759 11.0821 13.6062 11.0821 12.0377C11.0821 11.9863 11.0916 11.9361 11.1012 11.85C11.1466 11.9121 11.1682 11.9372 11.1849 11.9635C11.9919 13.2236 12.7941 14.4849 13.6058 15.7414C13.9541 16.2818 14.3128 16.8166 14.6818 17.3458C14.9484 17.7284 15.3382 17.8515 15.7817 17.7583C16.0573 17.6866 16.329 17.6008 16.5959 17.5012C16.7477 17.4534 16.7907 17.3554 16.7907 17.1952C16.7844 14.8902 16.7844 12.5856 16.7907 10.2814C16.7907 9.85225 16.7907 9.85225 17.2128 9.76378C17.6013 9.68368 17.7149 9.4912 17.5977 9.09069C16.7907 9.13851 15.979 9.18036 15.1684 9.24133C15.0407 9.25682 14.922 9.31513 14.8316 9.40676C14.7413 9.49838 14.6847 9.61791 14.6711 9.74584C14.6567 9.8654 14.689 9.92517 14.8229 9.93474C15.062 9.95267 15.3119 9.98854 15.5665 10.0184L15.5641 14.7204Z" fill="white"/>
<path d="M18.0843 6.011C17.9516 6.02415 17.8189 6.04088 17.6862 6.04925L12.0923 6.37922C10.6888 6.46291 9.28564 6.54898 7.88289 6.63745C7.72747 6.64702 7.57086 6.64463 7.41424 6.6518C7.09231 6.66512 6.77694 6.55815 6.52955 6.35172C6.07047 5.99306 5.6078 5.6344 5.1535 5.2626C5.09013 5.21119 5.00765 5.1 5.02558 5.05099C5.046 5.00945 5.0757 4.97318 5.1124 4.94498C5.1491 4.91679 5.19179 4.89742 5.23718 4.8884C5.64964 4.83938 6.06449 4.80829 6.48054 4.77721L12.2824 4.35519C13.1851 4.29063 14.0865 4.2189 14.9891 4.1639C15.4408 4.14021 15.8862 4.27793 16.2456 4.55245C16.7968 4.95415 17.3539 5.34987 17.905 5.74798C17.9783 5.81089 18.0459 5.8801 18.1071 5.95481L18.0843 6.011Z" fill="white"/>
<path d="M15.5641 14.7204V10.0136C15.3095 9.98375 15.0656 9.94788 14.8205 9.92995C14.6866 9.92039 14.6543 9.85941 14.6687 9.74106C14.6823 9.61312 14.7389 9.4936 14.8293 9.40197C14.9196 9.31035 15.0383 9.25203 15.166 9.23654C15.9766 9.17557 16.7883 9.13373 17.5953 9.08591C17.7149 9.48641 17.5953 9.68367 17.2104 9.75899C16.7883 9.84746 16.7883 9.84746 16.7883 10.2767C16.7883 12.5816 16.7883 14.8862 16.7883 17.1904C16.7883 17.3506 16.7453 17.4486 16.5935 17.4965C16.3266 17.596 16.0549 17.6818 15.7793 17.7535C15.3358 17.8467 14.9424 17.7236 14.6794 17.341C14.3128 16.8126 13.9541 16.2778 13.6035 15.7366C12.7917 14.4801 11.9895 13.2188 11.1825 11.9588C11.1658 11.9325 11.1442 11.9074 11.0988 11.8452C11.0893 11.9313 11.0797 11.9815 11.0797 12.0329C11.0797 13.6014 11.0797 15.1711 11.0797 16.7397C11.0797 16.8784 11.1239 16.9346 11.2566 16.9597C11.5555 17.0182 11.8544 17.09 12.1461 17.1557C12.141 17.3025 12.0828 17.4424 11.9823 17.5495C11.8818 17.6566 11.7459 17.7236 11.5997 17.7379C11.3551 17.7709 11.1089 17.7912 10.8621 17.7989C10.2643 17.8348 9.66657 17.8623 9.06881 17.9053C8.89426 17.9173 8.85959 17.8443 8.88948 17.7021C8.89817 17.6165 8.93356 17.5358 8.99063 17.4714C9.0477 17.4071 9.12356 17.3623 9.20749 17.3434C9.39519 17.298 9.5805 17.2382 9.767 17.1856V10.4285L8.93013 10.3544C8.90219 10.2672 8.89462 10.1748 8.90801 10.0843C8.9214 9.99382 8.9554 9.90759 9.00737 9.83228C9.05935 9.75697 9.12792 9.6946 9.2078 9.64998C9.28768 9.60535 9.37674 9.57966 9.46812 9.57488C10.201 9.5163 10.9374 9.49358 11.6679 9.41109C11.9799 9.37642 12.1258 9.49119 12.2824 9.73269C13.3153 11.3251 14.3638 12.9104 15.4063 14.4969C15.447 14.5555 15.4888 14.6128 15.5641 14.7204Z" fill="black"/>
</svg>