notion logo
notion from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- notion
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 512×178
- License
- CC0
The same logo in other sets
Related icons in SVG Logos
Use the notion logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 178"><path fill="#fff" d="M10.691 7.666L109.012.404c12.077-1.037 15.181-.338 22.774 5.183l31.386 22.11c5.177 3.803 6.9 4.84 6.9 8.98v121.26c0 7.6-2.76 12.095-12.42 12.782l-114.177 6.912c-7.25.344-10.703-.693-14.5-5.532L5.864 142.046C1.718 136.514 0 132.374 0 127.535V19.748C0 13.535 2.76 8.353 10.691 7.666"/><path d="M109.012.404L10.691 7.666C2.761 8.353 0 13.536 0 19.748v107.787c0 4.839 1.718 8.979 5.864 14.511L28.975 172.1c3.797 4.84 7.25 5.876 14.5 5.532l114.177-6.912c9.654-.687 12.42-5.182 12.42-12.782V36.677c0-3.928-1.551-5.059-6.118-8.411l-.788-.569l-31.38-22.11C124.193.067 121.09-.633 109.012.404M46.057 34.692c-9.323.628-11.437.77-16.732-3.536L15.862 20.447c-1.368-1.386-.681-3.115 2.766-3.459l94.519-6.906c7.936-.693 12.07 2.073 15.174 4.49l16.212 11.745c.693.35 2.416 2.417.343 2.417l-97.61 5.875zM35.188 156.901V53.96c0-4.496 1.38-6.57 5.515-6.919l112.11-6.562c3.802-.344 5.52 2.073 5.52 6.562v102.255c0 4.495-.693 8.298-6.9 8.641l-107.283 6.22c-6.207.343-8.962-1.724-8.962-7.256M141.091 59.48c.687 3.11 0 6.219-3.11 6.574l-5.17 1.025v76.004c-4.49 2.416-8.624 3.796-12.077 3.796c-5.52 0-6.9-1.73-11.035-6.906l-33.814-53.2v51.47l10.697 2.423s0 6.22-8.63 6.22l-23.792 1.38c-.693-1.387 0-4.84 2.41-5.527l6.214-1.724V72.96l-8.624-.698c-.693-3.11 1.03-7.6 5.863-7.95l25.528-1.717l35.183 53.887V68.808l-8.967-1.03c-.693-3.809 2.067-6.575 5.514-6.912zm104.322 66.39V79.02h.811l33.785 46.85h10.637V57.022h-11.828v46.803h-.811l-33.785-46.803h-10.679v68.842h11.876zm78.663 1.055c15.607 0 25.101-10.212 25.101-27.151c0-16.893-9.542-27.151-25.101-27.151c-15.507 0-25.096 10.306-25.096 27.15c0 16.94 9.447 27.152 25.096 27.152m0-9.927c-8.251 0-12.972-6.296-12.972-17.224c0-10.88 4.721-17.224 12.972-17.224c8.209 0 12.93 6.343 12.93 17.224c0 10.928-4.674 17.224-12.93 17.224m35.91-56.109v13.12h-8.25v9.447h8.25v28.484c0 10.116 4.775 14.173 16.75 14.173c2.287 0 4.485-.237 6.202-.574v-9.258c-1.433.142-2.34.237-4.01.237c-4.957 0-7.155-2.286-7.155-7.44V83.457h11.165V74.01h-11.165V60.883h-11.786zm30.042 64.981h11.787V73.671h-11.787zm5.87-60.829c3.909 0 7.06-3.157 7.06-7.113c0-3.963-3.145-7.161-7.06-7.161c-3.862 0-7.06 3.198-7.06 7.16c0 3.957 3.198 7.108 7.06 7.108zm38.25 61.884c15.601 0 25.096-10.212 25.096-27.151c0-16.893-9.542-27.151-25.096-27.151c-15.512 0-25.101 10.306-25.101 27.15c0 16.94 9.447 27.152 25.101 27.152m0-9.927c-8.256 0-12.983-6.296-12.983-17.224c0-10.88 4.727-17.224 12.983-17.224c8.204 0 12.93 6.343 12.93 17.224c0 10.928-4.679 17.224-12.93 17.224m32.138 8.872h11.835V95.48c0-7.683 4.442-12.551 11.496-12.551c7.208 0 10.543 4.01 10.543 11.976v30.965H512V92.092c0-12.456-6.35-19.47-17.988-19.47c-7.783 0-13.03 3.578-15.512 9.4h-.812v-8.35h-11.402z"/></svg>
React
import type { SVGProps } from "react";
export function LogosNotion(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 178"><path fill="#fff" d="M10.691 7.666L109.012.404c12.077-1.037 15.181-.338 22.774 5.183l31.386 22.11c5.177 3.803 6.9 4.84 6.9 8.98v121.26c0 7.6-2.76 12.095-12.42 12.782l-114.177 6.912c-7.25.344-10.703-.693-14.5-5.532L5.864 142.046C1.718 136.514 0 132.374 0 127.535V19.748C0 13.535 2.76 8.353 10.691 7.666"/><path d="M109.012.404L10.691 7.666C2.761 8.353 0 13.536 0 19.748v107.787c0 4.839 1.718 8.979 5.864 14.511L28.975 172.1c3.797 4.84 7.25 5.876 14.5 5.532l114.177-6.912c9.654-.687 12.42-5.182 12.42-12.782V36.677c0-3.928-1.551-5.059-6.118-8.411l-.788-.569l-31.38-22.11C124.193.067 121.09-.633 109.012.404M46.057 34.692c-9.323.628-11.437.77-16.732-3.536L15.862 20.447c-1.368-1.386-.681-3.115 2.766-3.459l94.519-6.906c7.936-.693 12.07 2.073 15.174 4.49l16.212 11.745c.693.35 2.416 2.417.343 2.417l-97.61 5.875zM35.188 156.901V53.96c0-4.496 1.38-6.57 5.515-6.919l112.11-6.562c3.802-.344 5.52 2.073 5.52 6.562v102.255c0 4.495-.693 8.298-6.9 8.641l-107.283 6.22c-6.207.343-8.962-1.724-8.962-7.256M141.091 59.48c.687 3.11 0 6.219-3.11 6.574l-5.17 1.025v76.004c-4.49 2.416-8.624 3.796-12.077 3.796c-5.52 0-6.9-1.73-11.035-6.906l-33.814-53.2v51.47l10.697 2.423s0 6.22-8.63 6.22l-23.792 1.38c-.693-1.387 0-4.84 2.41-5.527l6.214-1.724V72.96l-8.624-.698c-.693-3.11 1.03-7.6 5.863-7.95l25.528-1.717l35.183 53.887V68.808l-8.967-1.03c-.693-3.809 2.067-6.575 5.514-6.912zm104.322 66.39V79.02h.811l33.785 46.85h10.637V57.022h-11.828v46.803h-.811l-33.785-46.803h-10.679v68.842h11.876zm78.663 1.055c15.607 0 25.101-10.212 25.101-27.151c0-16.893-9.542-27.151-25.101-27.151c-15.507 0-25.096 10.306-25.096 27.15c0 16.94 9.447 27.152 25.096 27.152m0-9.927c-8.251 0-12.972-6.296-12.972-17.224c0-10.88 4.721-17.224 12.972-17.224c8.209 0 12.93 6.343 12.93 17.224c0 10.928-4.674 17.224-12.93 17.224m35.91-56.109v13.12h-8.25v9.447h8.25v28.484c0 10.116 4.775 14.173 16.75 14.173c2.287 0 4.485-.237 6.202-.574v-9.258c-1.433.142-2.34.237-4.01.237c-4.957 0-7.155-2.286-7.155-7.44V83.457h11.165V74.01h-11.165V60.883h-11.786zm30.042 64.981h11.787V73.671h-11.787zm5.87-60.829c3.909 0 7.06-3.157 7.06-7.113c0-3.963-3.145-7.161-7.06-7.161c-3.862 0-7.06 3.198-7.06 7.16c0 3.957 3.198 7.108 7.06 7.108zm38.25 61.884c15.601 0 25.096-10.212 25.096-27.151c0-16.893-9.542-27.151-25.096-27.151c-15.512 0-25.101 10.306-25.101 27.15c0 16.94 9.447 27.152 25.101 27.152m0-9.927c-8.256 0-12.983-6.296-12.983-17.224c0-10.88 4.727-17.224 12.983-17.224c8.204 0 12.93 6.343 12.93 17.224c0 10.928-4.679 17.224-12.93 17.224m32.138 8.872h11.835V95.48c0-7.683 4.442-12.551 11.496-12.551c7.208 0 10.543 4.01 10.543 11.976v30.965H512V92.092c0-12.456-6.35-19.47-17.988-19.47c-7.783 0-13.03 3.578-15.512 9.4h-.812v-8.35h-11.402z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 178"><path fill="#fff" d="M10.691 7.666L109.012.404c12.077-1.037 15.181-.338 22.774 5.183l31.386 22.11c5.177 3.803 6.9 4.84 6.9 8.98v121.26c0 7.6-2.76 12.095-12.42 12.782l-114.177 6.912c-7.25.344-10.703-.693-14.5-5.532L5.864 142.046C1.718 136.514 0 132.374 0 127.535V19.748C0 13.535 2.76 8.353 10.691 7.666"/><path d="M109.012.404L10.691 7.666C2.761 8.353 0 13.536 0 19.748v107.787c0 4.839 1.718 8.979 5.864 14.511L28.975 172.1c3.797 4.84 7.25 5.876 14.5 5.532l114.177-6.912c9.654-.687 12.42-5.182 12.42-12.782V36.677c0-3.928-1.551-5.059-6.118-8.411l-.788-.569l-31.38-22.11C124.193.067 121.09-.633 109.012.404M46.057 34.692c-9.323.628-11.437.77-16.732-3.536L15.862 20.447c-1.368-1.386-.681-3.115 2.766-3.459l94.519-6.906c7.936-.693 12.07 2.073 15.174 4.49l16.212 11.745c.693.35 2.416 2.417.343 2.417l-97.61 5.875zM35.188 156.901V53.96c0-4.496 1.38-6.57 5.515-6.919l112.11-6.562c3.802-.344 5.52 2.073 5.52 6.562v102.255c0 4.495-.693 8.298-6.9 8.641l-107.283 6.22c-6.207.343-8.962-1.724-8.962-7.256M141.091 59.48c.687 3.11 0 6.219-3.11 6.574l-5.17 1.025v76.004c-4.49 2.416-8.624 3.796-12.077 3.796c-5.52 0-6.9-1.73-11.035-6.906l-33.814-53.2v51.47l10.697 2.423s0 6.22-8.63 6.22l-23.792 1.38c-.693-1.387 0-4.84 2.41-5.527l6.214-1.724V72.96l-8.624-.698c-.693-3.11 1.03-7.6 5.863-7.95l25.528-1.717l35.183 53.887V68.808l-8.967-1.03c-.693-3.809 2.067-6.575 5.514-6.912zm104.322 66.39V79.02h.811l33.785 46.85h10.637V57.022h-11.828v46.803h-.811l-33.785-46.803h-10.679v68.842h11.876zm78.663 1.055c15.607 0 25.101-10.212 25.101-27.151c0-16.893-9.542-27.151-25.101-27.151c-15.507 0-25.096 10.306-25.096 27.15c0 16.94 9.447 27.152 25.096 27.152m0-9.927c-8.251 0-12.972-6.296-12.972-17.224c0-10.88 4.721-17.224 12.972-17.224c8.209 0 12.93 6.343 12.93 17.224c0 10.928-4.674 17.224-12.93 17.224m35.91-56.109v13.12h-8.25v9.447h8.25v28.484c0 10.116 4.775 14.173 16.75 14.173c2.287 0 4.485-.237 6.202-.574v-9.258c-1.433.142-2.34.237-4.01.237c-4.957 0-7.155-2.286-7.155-7.44V83.457h11.165V74.01h-11.165V60.883h-11.786zm30.042 64.981h11.787V73.671h-11.787zm5.87-60.829c3.909 0 7.06-3.157 7.06-7.113c0-3.963-3.145-7.161-7.06-7.161c-3.862 0-7.06 3.198-7.06 7.16c0 3.957 3.198 7.108 7.06 7.108zm38.25 61.884c15.601 0 25.096-10.212 25.096-27.151c0-16.893-9.542-27.151-25.096-27.151c-15.512 0-25.101 10.306-25.101 27.15c0 16.94 9.447 27.152 25.101 27.152m0-9.927c-8.256 0-12.983-6.296-12.983-17.224c0-10.88 4.727-17.224 12.983-17.224c8.204 0 12.93 6.343 12.93 17.224c0 10.928-4.679 17.224-12.93 17.224m32.138 8.872h11.835V95.48c0-7.683 4.442-12.551 11.496-12.551c7.208 0 10.543 4.01 10.543 11.976v30.965H512V92.092c0-12.456-6.35-19.47-17.988-19.47c-7.783 0-13.03 3.578-15.512 9.4h-.812v-8.35h-11.402z"/></svg> </template>
CSS
.icon-notion {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20178%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.691%207.666L109.012.404c12.077-1.037%2015.181-.338%2022.774%205.183l31.386%2022.11c5.177%203.803%206.9%204.84%206.9%208.98v121.26c0%207.6-2.76%2012.095-12.42%2012.782l-114.177%206.912c-7.25.344-10.703-.693-14.5-5.532L5.864%20142.046C1.718%20136.514%200%20132.374%200%20127.535V19.748C0%2013.535%202.76%208.353%2010.691%207.666%22%2F%3E%3Cpath%20d%3D%22M109.012.404L10.691%207.666C2.761%208.353%200%2013.536%200%2019.748v107.787c0%204.839%201.718%208.979%205.864%2014.511L28.975%20172.1c3.797%204.84%207.25%205.876%2014.5%205.532l114.177-6.912c9.654-.687%2012.42-5.182%2012.42-12.782V36.677c0-3.928-1.551-5.059-6.118-8.411l-.788-.569l-31.38-22.11C124.193.067%20121.09-.633%20109.012.404M46.057%2034.692c-9.323.628-11.437.77-16.732-3.536L15.862%2020.447c-1.368-1.386-.681-3.115%202.766-3.459l94.519-6.906c7.936-.693%2012.07%202.073%2015.174%204.49l16.212%2011.745c.693.35%202.416%202.417.343%202.417l-97.61%205.875zM35.188%20156.901V53.96c0-4.496%201.38-6.57%205.515-6.919l112.11-6.562c3.802-.344%205.52%202.073%205.52%206.562v102.255c0%204.495-.693%208.298-6.9%208.641l-107.283%206.22c-6.207.343-8.962-1.724-8.962-7.256M141.091%2059.48c.687%203.11%200%206.219-3.11%206.574l-5.17%201.025v76.004c-4.49%202.416-8.624%203.796-12.077%203.796c-5.52%200-6.9-1.73-11.035-6.906l-33.814-53.2v51.47l10.697%202.423s0%206.22-8.63%206.22l-23.792%201.38c-.693-1.387%200-4.84%202.41-5.527l6.214-1.724V72.96l-8.624-.698c-.693-3.11%201.03-7.6%205.863-7.95l25.528-1.717l35.183%2053.887V68.808l-8.967-1.03c-.693-3.809%202.067-6.575%205.514-6.912zm104.322%2066.39V79.02h.811l33.785%2046.85h10.637V57.022h-11.828v46.803h-.811l-33.785-46.803h-10.679v68.842h11.876zm78.663%201.055c15.607%200%2025.101-10.212%2025.101-27.151c0-16.893-9.542-27.151-25.101-27.151c-15.507%200-25.096%2010.306-25.096%2027.15c0%2016.94%209.447%2027.152%2025.096%2027.152m0-9.927c-8.251%200-12.972-6.296-12.972-17.224c0-10.88%204.721-17.224%2012.972-17.224c8.209%200%2012.93%206.343%2012.93%2017.224c0%2010.928-4.674%2017.224-12.93%2017.224m35.91-56.109v13.12h-8.25v9.447h8.25v28.484c0%2010.116%204.775%2014.173%2016.75%2014.173c2.287%200%204.485-.237%206.202-.574v-9.258c-1.433.142-2.34.237-4.01.237c-4.957%200-7.155-2.286-7.155-7.44V83.457h11.165V74.01h-11.165V60.883h-11.786zm30.042%2064.981h11.787V73.671h-11.787zm5.87-60.829c3.909%200%207.06-3.157%207.06-7.113c0-3.963-3.145-7.161-7.06-7.161c-3.862%200-7.06%203.198-7.06%207.16c0%203.957%203.198%207.108%207.06%207.108zm38.25%2061.884c15.601%200%2025.096-10.212%2025.096-27.151c0-16.893-9.542-27.151-25.096-27.151c-15.512%200-25.101%2010.306-25.101%2027.15c0%2016.94%209.447%2027.152%2025.101%2027.152m0-9.927c-8.256%200-12.983-6.296-12.983-17.224c0-10.88%204.727-17.224%2012.983-17.224c8.204%200%2012.93%206.343%2012.93%2017.224c0%2010.928-4.679%2017.224-12.93%2017.224m32.138%208.872h11.835V95.48c0-7.683%204.442-12.551%2011.496-12.551c7.208%200%2010.543%204.01%2010.543%2011.976v30.965H512V92.092c0-12.456-6.35-19.47-17.988-19.47c-7.783%200-13.03%203.578-15.512%209.4h-.812v-8.35h-11.402z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20178%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.691%207.666L109.012.404c12.077-1.037%2015.181-.338%2022.774%205.183l31.386%2022.11c5.177%203.803%206.9%204.84%206.9%208.98v121.26c0%207.6-2.76%2012.095-12.42%2012.782l-114.177%206.912c-7.25.344-10.703-.693-14.5-5.532L5.864%20142.046C1.718%20136.514%200%20132.374%200%20127.535V19.748C0%2013.535%202.76%208.353%2010.691%207.666%22%2F%3E%3Cpath%20d%3D%22M109.012.404L10.691%207.666C2.761%208.353%200%2013.536%200%2019.748v107.787c0%204.839%201.718%208.979%205.864%2014.511L28.975%20172.1c3.797%204.84%207.25%205.876%2014.5%205.532l114.177-6.912c9.654-.687%2012.42-5.182%2012.42-12.782V36.677c0-3.928-1.551-5.059-6.118-8.411l-.788-.569l-31.38-22.11C124.193.067%20121.09-.633%20109.012.404M46.057%2034.692c-9.323.628-11.437.77-16.732-3.536L15.862%2020.447c-1.368-1.386-.681-3.115%202.766-3.459l94.519-6.906c7.936-.693%2012.07%202.073%2015.174%204.49l16.212%2011.745c.693.35%202.416%202.417.343%202.417l-97.61%205.875zM35.188%20156.901V53.96c0-4.496%201.38-6.57%205.515-6.919l112.11-6.562c3.802-.344%205.52%202.073%205.52%206.562v102.255c0%204.495-.693%208.298-6.9%208.641l-107.283%206.22c-6.207.343-8.962-1.724-8.962-7.256M141.091%2059.48c.687%203.11%200%206.219-3.11%206.574l-5.17%201.025v76.004c-4.49%202.416-8.624%203.796-12.077%203.796c-5.52%200-6.9-1.73-11.035-6.906l-33.814-53.2v51.47l10.697%202.423s0%206.22-8.63%206.22l-23.792%201.38c-.693-1.387%200-4.84%202.41-5.527l6.214-1.724V72.96l-8.624-.698c-.693-3.11%201.03-7.6%205.863-7.95l25.528-1.717l35.183%2053.887V68.808l-8.967-1.03c-.693-3.809%202.067-6.575%205.514-6.912zm104.322%2066.39V79.02h.811l33.785%2046.85h10.637V57.022h-11.828v46.803h-.811l-33.785-46.803h-10.679v68.842h11.876zm78.663%201.055c15.607%200%2025.101-10.212%2025.101-27.151c0-16.893-9.542-27.151-25.101-27.151c-15.507%200-25.096%2010.306-25.096%2027.15c0%2016.94%209.447%2027.152%2025.096%2027.152m0-9.927c-8.251%200-12.972-6.296-12.972-17.224c0-10.88%204.721-17.224%2012.972-17.224c8.209%200%2012.93%206.343%2012.93%2017.224c0%2010.928-4.674%2017.224-12.93%2017.224m35.91-56.109v13.12h-8.25v9.447h8.25v28.484c0%2010.116%204.775%2014.173%2016.75%2014.173c2.287%200%204.485-.237%206.202-.574v-9.258c-1.433.142-2.34.237-4.01.237c-4.957%200-7.155-2.286-7.155-7.44V83.457h11.165V74.01h-11.165V60.883h-11.786zm30.042%2064.981h11.787V73.671h-11.787zm5.87-60.829c3.909%200%207.06-3.157%207.06-7.113c0-3.963-3.145-7.161-7.06-7.161c-3.862%200-7.06%203.198-7.06%207.16c0%203.957%203.198%207.108%207.06%207.108zm38.25%2061.884c15.601%200%2025.096-10.212%2025.096-27.151c0-16.893-9.542-27.151-25.096-27.151c-15.512%200-25.101%2010.306-25.101%2027.15c0%2016.94%209.447%2027.152%2025.101%2027.152m0-9.927c-8.256%200-12.983-6.296-12.983-17.224c0-10.88%204.727-17.224%2012.983-17.224c8.204%200%2012.93%206.343%2012.93%2017.224c0%2010.928-4.679%2017.224-12.93%2017.224m32.138%208.872h11.835V95.48c0-7.683%204.442-12.551%2011.496-12.551c7.208%200%2010.543%204.01%2010.543%2011.976v30.965H512V92.092c0-12.456-6.35-19.47-17.988-19.47c-7.783%200-13.03%203.578-15.512%209.4h-.812v-8.35h-11.402z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/notion.svg?color=%231a73e8&size=48
