mirror of
https://github.com/outline/outline.git
synced 2026-06-13 11:25:03 +03:00
Tom Moor
58 lines
2.8 KiB
TypeScript
58 lines
2.8 KiB
TypeScript
import * as React from "react";
|
|
|
|
type Props = {
|
|
/** The size of the icon, 24px is default to match standard icons */
|
|
size?: number;
|
|
/** The color of the icon, defaults to the current text color */
|
|
fill?: string;
|
|
/** Whether to render the monochrome version, defaults to true */
|
|
monochrome?: boolean;
|
|
};
|
|
|
|
export default function Icon({
|
|
size = 24,
|
|
fill = "currentColor",
|
|
monochrome = true,
|
|
}: Props) {
|
|
return (
|
|
<svg
|
|
fill={fill}
|
|
width={size}
|
|
height={size}
|
|
viewBox="0 0 24 24"
|
|
version="1.1"
|
|
>
|
|
{monochrome ? (
|
|
<path
|
|
fillRule="evenodd"
|
|
clipRule="evenodd"
|
|
d="M11.3259 5.24514H9.3371C8.23873 5.24514 7.34832 6.0674 7.34832 7.08171C7.34832 8.09602 8.23873 8.91828 9.3371 8.91828H11.3259V5.24514ZM11.3259 4H12.6742H14.663C16.5061 4 18 5.37972 18 7.08171C18 8.08609 17.4798 8.97825 16.6745 9.54085C17.4798 10.1035 18 10.9956 18 12C18 13.702 16.5061 15.0817 14.663 15.0817C13.9178 15.0817 13.2296 14.8561 12.6742 14.4749V15.0817V16.9183C12.6742 18.6203 11.1801 20 9.3371 20C7.49406 20 6 18.6203 6 16.9183C6 15.9138 6.52029 15.0218 7.32556 14.4591C6.52029 13.8965 6 13.0044 6 12C6 10.9956 6.5203 10.1035 7.32559 9.54086C6.5203 8.97825 6 8.08609 6 7.08171C6 5.37972 7.49406 4 9.3371 4H11.3259ZM12.6742 5.24514V8.91828H14.663C15.7614 8.91828 16.6517 8.09602 16.6517 7.08171C16.6517 6.0674 15.7614 5.24514 14.663 5.24514H12.6742ZM9.3371 13.8366H11.3259V12.0047V12V11.9953V10.1634H9.3371C8.23873 10.1634 7.34832 10.9857 7.34832 12C7.34832 13.0119 8.23447 13.8326 9.32921 13.8366L9.3371 13.8366ZM7.34832 16.9183C7.34832 15.9064 8.23447 15.0856 9.32921 15.0817L9.3371 15.0817H11.3259V16.9183C11.3259 17.9326 10.4355 18.7549 9.3371 18.7549C8.23873 18.7549 7.34832 17.9326 7.34832 16.9183ZM12.6742 11.9963C12.6763 10.9837 13.5659 10.1634 14.663 10.1634C15.7614 10.1634 16.6517 10.9857 16.6517 12C16.6517 13.0143 15.7614 13.8366 14.663 13.8366C13.5659 13.8366 12.6763 13.0163 12.6742 12.0037V11.9963Z"
|
|
/>
|
|
) : (
|
|
<>
|
|
<path
|
|
d="M6 18C6 16.3432 7.34316 15 9 15H12V18C12 19.6568 10.6568 21 9 21C7.34316 21 6 19.6568 6 18Z"
|
|
fill="#24CB71"
|
|
/>
|
|
<path
|
|
d="M12 3V9H15C16.6568 9 18 7.65684 18 6C18 4.34316 16.6568 3 15 3H12Z"
|
|
fill="#FF7237"
|
|
/>
|
|
<path
|
|
d="M15 15C16.6569 15 18 13.6569 18 12C18 10.3431 16.6569 9 15 9C13.3431 9 12 10.3431 12 12C12 13.6569 13.3431 15 15 15Z"
|
|
fill="#00B6FF"
|
|
/>
|
|
<path
|
|
d="M6 6C6 7.65684 7.34316 9 9 9H12V3H9C7.34316 3 6 4.34316 6 6Z"
|
|
fill="#FF3737"
|
|
/>
|
|
<path
|
|
d="M6 12C6 13.6568 7.34316 15 9 15H12V9H9C7.34316 9 6 10.3432 6 12Z"
|
|
fill="#874FFF"
|
|
/>
|
|
</>
|
|
)}
|
|
</svg>
|
|
);
|
|
}
|