notion logo
notion-text from LobeHub AI Icons by LobeHub · Wordmark · MIT Free for personal and commercial use.
- Name
- notion-text
- Set
- LobeHub AI Icons
- Style
- Wordmark
- Viewbox
- 87×24
- License
- MIT
1 other variant in LobeHub AI Icons
The same logo in other sets
Use the notion logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 87 24"><path fill="currentColor" d="M18.995.99v20.708H15.69L5.893 7.531h-.171v14.167H2V.99h3.337l9.776 14.164h.191V.992h3.692l-.001-.001zM28.851 22c-1.516 0-2.831-.333-3.944-1.001a6.731 6.731 0 01-2.578-2.8c-.605-1.2-.91-2.602-.91-4.206 0-1.605.303-3.01.91-4.216.607-1.206 1.467-2.143 2.578-2.81 1.112-.667 2.428-1.002 3.944-1.002 1.51 0 2.82.335 3.932 1.002 1.111.667 1.972 1.604 2.578 2.81.613 1.206.92 2.611.92 4.216 0 1.604-.307 3.006-.92 4.205A6.731 6.731 0 0132.783 21c-1.111.667-2.422 1-3.932 1zm.01-2.912c.836 0 1.53-.225 2.082-.678.554-.457.968-1.07 1.243-1.84.278-.775.416-1.637.416-2.587 0-.95-.138-1.813-.416-2.589-.275-.775-.69-1.392-1.243-1.85-.553-.464-1.246-.697-2.082-.697-.843 0-1.544.233-2.103.698-.56.458-.977 1.074-1.254 1.85-.268.775-.404 1.637-.404 2.588 0 .95.134 1.814.404 2.588.277.769.695 1.382 1.254 1.84.56.452 1.26.677 2.103.677zM46.251 6.17v2.81h-8.897V6.17h8.896zm-6.695-3.723h3.63v14.589c0 .492.075.869.223 1.133.155.262.358.44.607.535.249.095.529.141.84.141.209.002.418-.015.625-.05a7.01 7.01 0 00.446-.09l.605 2.84a8.3 8.3 0 01-.827.223c-.358.08-.796.128-1.316.14-.91.028-1.731-.11-2.466-.414a3.883 3.883 0 01-1.739-1.425c-.425-.647-.633-1.46-.627-2.436V2.447h-.001zm8.92 19.251V6.169h3.642v15.529h-3.641zm1.831-17.744c-.58 0-1.075-.192-1.487-.575a1.859 1.859 0 01-.617-1.396c0-.546.206-1.01.617-1.395A2.101 2.101 0 0150.306 0c.58 0 1.076.196 1.487.588.418.383.626.848.626 1.394 0 .539-.208 1.004-.626 1.395a2.1 2.1 0 01-1.486.577v-.001zm11.485 18.047c-1.516 0-2.83-.333-3.943-1.002a6.73 6.73 0 01-2.578-2.8c-.606-1.2-.91-2.6-.91-4.205s.304-3.01.91-4.216c.607-1.206 1.466-2.144 2.578-2.81 1.113-.667 2.427-1.002 3.943-1.002 1.51 0 2.821.334 3.933 1.001 1.112.667 1.972 1.605 2.579 2.81.613 1.207.92 2.612.92 4.217 0 1.604-.307 3.006-.92 4.205a6.728 6.728 0 01-2.58 2.802c-1.11.667-2.422 1-3.932 1zm.01-2.913c.836 0 1.53-.225 2.083-.677.553-.457.967-1.07 1.244-1.84.276-.775.414-1.637.414-2.588 0-.95-.138-1.812-.414-2.588-.277-.775-.69-1.392-1.244-1.85-.553-.465-1.247-.697-2.082-.697-.843 0-1.544.232-2.103.697-.56.459-.977 1.075-1.255 1.85-.268.776-.403 1.638-.403 2.588 0 .95.134 1.814.403 2.589.278.769.695 1.382 1.255 1.84.56.451 1.26.676 2.103.676zm13.295-6.5v9.109h-3.639V6.17h3.478v2.628h.182a4.446 4.446 0 011.708-2.062c.788-.512 1.763-.77 2.923-.77 1.064 0 1.994.23 2.79.69a4.637 4.637 0 011.86 1.991c.445.869.667 1.924.667 3.164V21.7h-3.628v-9.332c0-1.039-.27-1.85-.81-2.436-.54-.593-1.285-.89-2.236-.89-.638 0-1.208.141-1.708.425-.498.276-.889.68-1.172 1.213-.276.524-.415 1.163-.415 1.91z"/></svg>
React
import type { SVGProps } from "react";
export function LobehubNotionText(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 87 24"><path fill="currentColor" d="M18.995.99v20.708H15.69L5.893 7.531h-.171v14.167H2V.99h3.337l9.776 14.164h.191V.992h3.692l-.001-.001zM28.851 22c-1.516 0-2.831-.333-3.944-1.001a6.731 6.731 0 01-2.578-2.8c-.605-1.2-.91-2.602-.91-4.206 0-1.605.303-3.01.91-4.216.607-1.206 1.467-2.143 2.578-2.81 1.112-.667 2.428-1.002 3.944-1.002 1.51 0 2.82.335 3.932 1.002 1.111.667 1.972 1.604 2.578 2.81.613 1.206.92 2.611.92 4.216 0 1.604-.307 3.006-.92 4.205A6.731 6.731 0 0132.783 21c-1.111.667-2.422 1-3.932 1zm.01-2.912c.836 0 1.53-.225 2.082-.678.554-.457.968-1.07 1.243-1.84.278-.775.416-1.637.416-2.587 0-.95-.138-1.813-.416-2.589-.275-.775-.69-1.392-1.243-1.85-.553-.464-1.246-.697-2.082-.697-.843 0-1.544.233-2.103.698-.56.458-.977 1.074-1.254 1.85-.268.775-.404 1.637-.404 2.588 0 .95.134 1.814.404 2.588.277.769.695 1.382 1.254 1.84.56.452 1.26.677 2.103.677zM46.251 6.17v2.81h-8.897V6.17h8.896zm-6.695-3.723h3.63v14.589c0 .492.075.869.223 1.133.155.262.358.44.607.535.249.095.529.141.84.141.209.002.418-.015.625-.05a7.01 7.01 0 00.446-.09l.605 2.84a8.3 8.3 0 01-.827.223c-.358.08-.796.128-1.316.14-.91.028-1.731-.11-2.466-.414a3.883 3.883 0 01-1.739-1.425c-.425-.647-.633-1.46-.627-2.436V2.447h-.001zm8.92 19.251V6.169h3.642v15.529h-3.641zm1.831-17.744c-.58 0-1.075-.192-1.487-.575a1.859 1.859 0 01-.617-1.396c0-.546.206-1.01.617-1.395A2.101 2.101 0 0150.306 0c.58 0 1.076.196 1.487.588.418.383.626.848.626 1.394 0 .539-.208 1.004-.626 1.395a2.1 2.1 0 01-1.486.577v-.001zm11.485 18.047c-1.516 0-2.83-.333-3.943-1.002a6.73 6.73 0 01-2.578-2.8c-.606-1.2-.91-2.6-.91-4.205s.304-3.01.91-4.216c.607-1.206 1.466-2.144 2.578-2.81 1.113-.667 2.427-1.002 3.943-1.002 1.51 0 2.821.334 3.933 1.001 1.112.667 1.972 1.605 2.579 2.81.613 1.207.92 2.612.92 4.217 0 1.604-.307 3.006-.92 4.205a6.728 6.728 0 01-2.58 2.802c-1.11.667-2.422 1-3.932 1zm.01-2.913c.836 0 1.53-.225 2.083-.677.553-.457.967-1.07 1.244-1.84.276-.775.414-1.637.414-2.588 0-.95-.138-1.812-.414-2.588-.277-.775-.69-1.392-1.244-1.85-.553-.465-1.247-.697-2.082-.697-.843 0-1.544.232-2.103.697-.56.459-.977 1.075-1.255 1.85-.268.776-.403 1.638-.403 2.588 0 .95.134 1.814.403 2.589.278.769.695 1.382 1.255 1.84.56.451 1.26.676 2.103.676zm13.295-6.5v9.109h-3.639V6.17h3.478v2.628h.182a4.446 4.446 0 011.708-2.062c.788-.512 1.763-.77 2.923-.77 1.064 0 1.994.23 2.79.69a4.637 4.637 0 011.86 1.991c.445.869.667 1.924.667 3.164V21.7h-3.628v-9.332c0-1.039-.27-1.85-.81-2.436-.54-.593-1.285-.89-2.236-.89-.638 0-1.208.141-1.708.425-.498.276-.889.68-1.172 1.213-.276.524-.415 1.163-.415 1.91z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 87 24"><path fill="currentColor" d="M18.995.99v20.708H15.69L5.893 7.531h-.171v14.167H2V.99h3.337l9.776 14.164h.191V.992h3.692l-.001-.001zM28.851 22c-1.516 0-2.831-.333-3.944-1.001a6.731 6.731 0 01-2.578-2.8c-.605-1.2-.91-2.602-.91-4.206 0-1.605.303-3.01.91-4.216.607-1.206 1.467-2.143 2.578-2.81 1.112-.667 2.428-1.002 3.944-1.002 1.51 0 2.82.335 3.932 1.002 1.111.667 1.972 1.604 2.578 2.81.613 1.206.92 2.611.92 4.216 0 1.604-.307 3.006-.92 4.205A6.731 6.731 0 0132.783 21c-1.111.667-2.422 1-3.932 1zm.01-2.912c.836 0 1.53-.225 2.082-.678.554-.457.968-1.07 1.243-1.84.278-.775.416-1.637.416-2.587 0-.95-.138-1.813-.416-2.589-.275-.775-.69-1.392-1.243-1.85-.553-.464-1.246-.697-2.082-.697-.843 0-1.544.233-2.103.698-.56.458-.977 1.074-1.254 1.85-.268.775-.404 1.637-.404 2.588 0 .95.134 1.814.404 2.588.277.769.695 1.382 1.254 1.84.56.452 1.26.677 2.103.677zM46.251 6.17v2.81h-8.897V6.17h8.896zm-6.695-3.723h3.63v14.589c0 .492.075.869.223 1.133.155.262.358.44.607.535.249.095.529.141.84.141.209.002.418-.015.625-.05a7.01 7.01 0 00.446-.09l.605 2.84a8.3 8.3 0 01-.827.223c-.358.08-.796.128-1.316.14-.91.028-1.731-.11-2.466-.414a3.883 3.883 0 01-1.739-1.425c-.425-.647-.633-1.46-.627-2.436V2.447h-.001zm8.92 19.251V6.169h3.642v15.529h-3.641zm1.831-17.744c-.58 0-1.075-.192-1.487-.575a1.859 1.859 0 01-.617-1.396c0-.546.206-1.01.617-1.395A2.101 2.101 0 0150.306 0c.58 0 1.076.196 1.487.588.418.383.626.848.626 1.394 0 .539-.208 1.004-.626 1.395a2.1 2.1 0 01-1.486.577v-.001zm11.485 18.047c-1.516 0-2.83-.333-3.943-1.002a6.73 6.73 0 01-2.578-2.8c-.606-1.2-.91-2.6-.91-4.205s.304-3.01.91-4.216c.607-1.206 1.466-2.144 2.578-2.81 1.113-.667 2.427-1.002 3.943-1.002 1.51 0 2.821.334 3.933 1.001 1.112.667 1.972 1.605 2.579 2.81.613 1.207.92 2.612.92 4.217 0 1.604-.307 3.006-.92 4.205a6.728 6.728 0 01-2.58 2.802c-1.11.667-2.422 1-3.932 1zm.01-2.913c.836 0 1.53-.225 2.083-.677.553-.457.967-1.07 1.244-1.84.276-.775.414-1.637.414-2.588 0-.95-.138-1.812-.414-2.588-.277-.775-.69-1.392-1.244-1.85-.553-.465-1.247-.697-2.082-.697-.843 0-1.544.232-2.103.697-.56.459-.977 1.075-1.255 1.85-.268.776-.403 1.638-.403 2.588 0 .95.134 1.814.403 2.589.278.769.695 1.382 1.255 1.84.56.451 1.26.676 2.103.676zm13.295-6.5v9.109h-3.639V6.17h3.478v2.628h.182a4.446 4.446 0 011.708-2.062c.788-.512 1.763-.77 2.923-.77 1.064 0 1.994.23 2.79.69a4.637 4.637 0 011.86 1.991c.445.869.667 1.924.667 3.164V21.7h-3.628v-9.332c0-1.039-.27-1.85-.81-2.436-.54-.593-1.285-.89-2.236-.89-.638 0-1.208.141-1.708.425-.498.276-.889.68-1.172 1.213-.276.524-.415 1.163-.415 1.91z"/></svg> </template>
CSS
.icon-notion-text {
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%2087%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.995.99v20.708H15.69L5.893%207.531h-.171v14.167H2V.99h3.337l9.776%2014.164h.191V.992h3.692l-.001-.001zM28.851%2022c-1.516%200-2.831-.333-3.944-1.001a6.731%206.731%200%2001-2.578-2.8c-.605-1.2-.91-2.602-.91-4.206%200-1.605.303-3.01.91-4.216.607-1.206%201.467-2.143%202.578-2.81%201.112-.667%202.428-1.002%203.944-1.002%201.51%200%202.82.335%203.932%201.002%201.111.667%201.972%201.604%202.578%202.81.613%201.206.92%202.611.92%204.216%200%201.604-.307%203.006-.92%204.205A6.731%206.731%200%200132.783%2021c-1.111.667-2.422%201-3.932%201zm.01-2.912c.836%200%201.53-.225%202.082-.678.554-.457.968-1.07%201.243-1.84.278-.775.416-1.637.416-2.587%200-.95-.138-1.813-.416-2.589-.275-.775-.69-1.392-1.243-1.85-.553-.464-1.246-.697-2.082-.697-.843%200-1.544.233-2.103.698-.56.458-.977%201.074-1.254%201.85-.268.775-.404%201.637-.404%202.588%200%20.95.134%201.814.404%202.588.277.769.695%201.382%201.254%201.84.56.452%201.26.677%202.103.677zM46.251%206.17v2.81h-8.897V6.17h8.896zm-6.695-3.723h3.63v14.589c0%20.492.075.869.223%201.133.155.262.358.44.607.535.249.095.529.141.84.141.209.002.418-.015.625-.05a7.01%207.01%200%2000.446-.09l.605%202.84a8.3%208.3%200%2001-.827.223c-.358.08-.796.128-1.316.14-.91.028-1.731-.11-2.466-.414a3.883%203.883%200%2001-1.739-1.425c-.425-.647-.633-1.46-.627-2.436V2.447h-.001zm8.92%2019.251V6.169h3.642v15.529h-3.641zm1.831-17.744c-.58%200-1.075-.192-1.487-.575a1.859%201.859%200%2001-.617-1.396c0-.546.206-1.01.617-1.395A2.101%202.101%200%200150.306%200c.58%200%201.076.196%201.487.588.418.383.626.848.626%201.394%200%20.539-.208%201.004-.626%201.395a2.1%202.1%200%2001-1.486.577v-.001zm11.485%2018.047c-1.516%200-2.83-.333-3.943-1.002a6.73%206.73%200%2001-2.578-2.8c-.606-1.2-.91-2.6-.91-4.205s.304-3.01.91-4.216c.607-1.206%201.466-2.144%202.578-2.81%201.113-.667%202.427-1.002%203.943-1.002%201.51%200%202.821.334%203.933%201.001%201.112.667%201.972%201.605%202.579%202.81.613%201.207.92%202.612.92%204.217%200%201.604-.307%203.006-.92%204.205a6.728%206.728%200%2001-2.58%202.802c-1.11.667-2.422%201-3.932%201zm.01-2.913c.836%200%201.53-.225%202.083-.677.553-.457.967-1.07%201.244-1.84.276-.775.414-1.637.414-2.588%200-.95-.138-1.812-.414-2.588-.277-.775-.69-1.392-1.244-1.85-.553-.465-1.247-.697-2.082-.697-.843%200-1.544.232-2.103.697-.56.459-.977%201.075-1.255%201.85-.268.776-.403%201.638-.403%202.588%200%20.95.134%201.814.403%202.589.278.769.695%201.382%201.255%201.84.56.451%201.26.676%202.103.676zm13.295-6.5v9.109h-3.639V6.17h3.478v2.628h.182a4.446%204.446%200%20011.708-2.062c.788-.512%201.763-.77%202.923-.77%201.064%200%201.994.23%202.79.69a4.637%204.637%200%20011.86%201.991c.445.869.667%201.924.667%203.164V21.7h-3.628v-9.332c0-1.039-.27-1.85-.81-2.436-.54-.593-1.285-.89-2.236-.89-.638%200-1.208.141-1.708.425-.498.276-.889.68-1.172%201.213-.276.524-.415%201.163-.415%201.91z%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%2087%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.995.99v20.708H15.69L5.893%207.531h-.171v14.167H2V.99h3.337l9.776%2014.164h.191V.992h3.692l-.001-.001zM28.851%2022c-1.516%200-2.831-.333-3.944-1.001a6.731%206.731%200%2001-2.578-2.8c-.605-1.2-.91-2.602-.91-4.206%200-1.605.303-3.01.91-4.216.607-1.206%201.467-2.143%202.578-2.81%201.112-.667%202.428-1.002%203.944-1.002%201.51%200%202.82.335%203.932%201.002%201.111.667%201.972%201.604%202.578%202.81.613%201.206.92%202.611.92%204.216%200%201.604-.307%203.006-.92%204.205A6.731%206.731%200%200132.783%2021c-1.111.667-2.422%201-3.932%201zm.01-2.912c.836%200%201.53-.225%202.082-.678.554-.457.968-1.07%201.243-1.84.278-.775.416-1.637.416-2.587%200-.95-.138-1.813-.416-2.589-.275-.775-.69-1.392-1.243-1.85-.553-.464-1.246-.697-2.082-.697-.843%200-1.544.233-2.103.698-.56.458-.977%201.074-1.254%201.85-.268.775-.404%201.637-.404%202.588%200%20.95.134%201.814.404%202.588.277.769.695%201.382%201.254%201.84.56.452%201.26.677%202.103.677zM46.251%206.17v2.81h-8.897V6.17h8.896zm-6.695-3.723h3.63v14.589c0%20.492.075.869.223%201.133.155.262.358.44.607.535.249.095.529.141.84.141.209.002.418-.015.625-.05a7.01%207.01%200%2000.446-.09l.605%202.84a8.3%208.3%200%2001-.827.223c-.358.08-.796.128-1.316.14-.91.028-1.731-.11-2.466-.414a3.883%203.883%200%2001-1.739-1.425c-.425-.647-.633-1.46-.627-2.436V2.447h-.001zm8.92%2019.251V6.169h3.642v15.529h-3.641zm1.831-17.744c-.58%200-1.075-.192-1.487-.575a1.859%201.859%200%2001-.617-1.396c0-.546.206-1.01.617-1.395A2.101%202.101%200%200150.306%200c.58%200%201.076.196%201.487.588.418.383.626.848.626%201.394%200%20.539-.208%201.004-.626%201.395a2.1%202.1%200%2001-1.486.577v-.001zm11.485%2018.047c-1.516%200-2.83-.333-3.943-1.002a6.73%206.73%200%2001-2.578-2.8c-.606-1.2-.91-2.6-.91-4.205s.304-3.01.91-4.216c.607-1.206%201.466-2.144%202.578-2.81%201.113-.667%202.427-1.002%203.943-1.002%201.51%200%202.821.334%203.933%201.001%201.112.667%201.972%201.605%202.579%202.81.613%201.207.92%202.612.92%204.217%200%201.604-.307%203.006-.92%204.205a6.728%206.728%200%2001-2.58%202.802c-1.11.667-2.422%201-3.932%201zm.01-2.913c.836%200%201.53-.225%202.083-.677.553-.457.967-1.07%201.244-1.84.276-.775.414-1.637.414-2.588%200-.95-.138-1.812-.414-2.588-.277-.775-.69-1.392-1.244-1.85-.553-.465-1.247-.697-2.082-.697-.843%200-1.544.232-2.103.697-.56.459-.977%201.075-1.255%201.85-.268.776-.403%201.638-.403%202.588%200%20.95.134%201.814.403%202.589.278.769.695%201.382%201.255%201.84.56.451%201.26.676%202.103.676zm13.295-6.5v9.109h-3.639V6.17h3.478v2.628h.182a4.446%204.446%200%20011.708-2.062c.788-.512%201.763-.77%202.923-.77%201.064%200%201.994.23%202.79.69a4.637%204.637%200%20011.86%201.991c.445.869.667%201.924.667%203.164V21.7h-3.628v-9.332c0-1.039-.27-1.85-.81-2.436-.54-.593-1.285-.89-2.236-.89-.638%200-1.208.141-1.708.425-.498.276-.889.68-1.172%201.213-.276.524-.415%201.163-.415%201.91z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/notion-text.svg?color=%231a73e8&size=48
