sebikostudio-icons
Version:
A collection of icon components
12 lines (7 loc) • 1.88 kB
JavaScript
import React, { forwardRef } from 'react';
export const NotionLogoIcon = forwardRef(({ className, style, ariaLabel, ...props }, ref) => (
<svg ref={ref} className={className} aria-label={ariaLabel || "notion, notion logo, logo"} style={style} width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path d="M4.34374 4.15579C4.90362 4.61062 5.11364 4.57591 6.16493 4.50578L16.0761 3.91065C16.2863 3.91065 16.1115 3.70094 16.0414 3.66609L14.3954 2.47614C14.08 2.23129 13.6598 1.95087 12.8544 2.02101L3.25744 2.72099C2.90745 2.7557 2.83753 2.93068 2.97693 3.07097L4.34374 4.15579ZM4.9388 6.46556V16.8938C4.9388 17.4543 5.21887 17.664 5.84924 17.6293L16.7416 16.999C17.3723 16.9643 17.4425 16.5789 17.4425 16.1236V5.76529C17.4425 5.31075 17.2677 5.06561 16.8816 5.1006L5.49896 5.76529C5.07891 5.80059 4.9388 6.01071 4.9388 6.46556ZM15.6917 7.02496C15.7616 7.34024 15.6917 7.65522 15.3759 7.69065L14.851 7.79522V15.494C14.3954 15.739 13.9752 15.879 13.6251 15.879C13.0645 15.879 12.9241 15.7038 12.5042 15.1792L9.07126 9.78999V15.0042L10.1576 15.2494C10.1576 15.2494 10.1576 15.879 9.28114 15.879L6.86505 16.0191C6.79486 15.879 6.86505 15.5293 7.11012 15.4592L7.74061 15.2845V8.39034L6.8652 8.32019C6.795 8.00492 6.96985 7.55037 7.46054 7.51508L10.0525 7.34037L13.6251 12.7997V7.9702L12.7142 7.86565C12.6443 7.48023 12.9241 7.20038 13.2743 7.16567L15.6917 7.02496ZM2.45165 1.77616L12.4341 1.04105C13.6599 0.93591 13.9753 1.00634 14.7458 1.56603L17.9323 3.80565C18.4581 4.19078 18.6334 4.29564 18.6334 4.71547V16.999C18.6334 17.7689 18.3529 18.2241 17.3724 18.2938L5.7799 18.9938C5.04388 19.0289 4.69359 18.924 4.30815 18.4338L1.96155 15.3892C1.54106 14.8288 1.36621 14.4095 1.36621 13.919V3.00054C1.36621 2.371 1.64672 1.84587 2.45165 1.77616Z" fill="currentColor"/>
</svg>
));
export default NotionLogoIcon;