mirror of
https://github.com/outline/outline.git
synced 2026-06-13 11:25:03 +03:00
Tom Moor
50 lines
3.9 KiB
TypeScript
50 lines
3.9 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 d="M7.36156 14.1107C7.36156 15.0358 6.60586 15.7915 5.68078 15.7915C4.7557 15.7915 4 15.0358 4 14.1107C4 13.1857 4.7557 12.43 5.68078 12.43H7.36156V14.1107ZM8.20847 14.1107C8.20847 13.1857 8.96417 12.43 9.88925 12.43C10.8143 12.43 11.57 13.1857 11.57 14.1107V18.3192C11.57 19.2443 10.8143 20 9.88925 20C8.96417 20 8.20847 19.2443 8.20847 18.3192V14.1107ZM9.88925 7.36156C8.96417 7.36156 8.20847 6.60586 8.20847 5.68078C8.20847 4.7557 8.96417 4 9.88925 4C10.8143 4 11.57 4.7557 11.57 5.68078V7.36156H9.88925ZM9.88925 8.20847C10.8143 8.20847 11.57 8.96417 11.57 9.88925C11.57 10.8143 10.8143 11.57 9.88925 11.57H5.68078C4.7557 11.57 4 10.8143 4 9.88925C4 8.96417 4.7557 8.20847 5.68078 8.20847H9.88925ZM16.6384 9.88925C16.6384 8.96417 17.3941 8.20847 18.3192 8.20847C19.2443 8.20847 20 8.96417 20 9.88925C20 10.8143 19.2443 11.57 18.3192 11.57H16.6384V9.88925ZM15.7915 9.88925C15.7915 10.8143 15.0358 11.57 14.1107 11.57C13.1857 11.57 12.43 10.8143 12.43 9.88925V5.68078C12.43 4.7557 13.1857 4 14.1107 4C15.0358 4 15.7915 4.7557 15.7915 5.68078V9.88925ZM14.1107 16.6384C15.0358 16.6384 15.7915 17.3941 15.7915 18.3192C15.7915 19.2443 15.0358 20 14.1107 20C13.1857 20 12.43 19.2443 12.43 18.3192V16.6384H14.1107ZM14.1107 15.7915C13.1857 15.7915 12.43 15.0358 12.43 14.1107C12.43 13.1857 13.1857 12.43 14.1107 12.43H18.3192C19.2443 12.43 20 13.1857 20 14.1107C20 15.0358 19.2443 15.7915 18.3192 15.7915H14.1107Z" />
|
|
) : (
|
|
<>
|
|
<path
|
|
d="M7.42675 14.0788C7.42675 14.9984 6.68345 15.7418 5.76376 15.7418C4.84408 15.7418 4.10077 14.9984 4.10077 14.0788C4.10077 13.1591 4.84408 12.4158 5.76376 12.4158H7.42675V14.0788ZM8.25825 14.0788C8.25825 13.1591 9.00156 12.4158 9.92124 12.4158C10.8409 12.4158 11.5842 13.1591 11.5842 14.0788V18.2362C11.5842 19.1559 10.8409 19.8992 9.92124 19.8992C9.00156 19.8992 8.25825 19.1559 8.25825 18.2362V14.0788Z"
|
|
fill="#E01E5A"
|
|
/>
|
|
<path
|
|
d="M9.92127 7.40155C9.00158 7.40155 8.25827 6.65824 8.25827 5.73855C8.25827 4.81887 9.00158 4.07556 9.92127 4.07556C10.841 4.07556 11.5843 4.81887 11.5843 5.73855V7.40155H9.92127ZM9.92127 8.24564C10.841 8.24564 11.5843 8.98895 11.5843 9.90863C11.5843 10.8283 10.841 11.5716 9.92127 11.5716H5.75119C4.8315 11.5716 4.0882 10.8283 4.0882 9.90863C4.0882 8.98895 4.8315 8.24564 5.75119 8.24564H9.92127Z"
|
|
fill="#36C5F0"
|
|
/>
|
|
<path
|
|
d="M16.5858 9.90863C16.5858 8.98895 17.3291 8.24564 18.2488 8.24564C19.1685 8.24564 19.9118 8.98895 19.9118 9.90863C19.9118 10.8283 19.1685 11.5716 18.2488 11.5716H16.5858V9.90863ZM15.7543 9.90863C15.7543 10.8283 15.011 11.5716 14.0913 11.5716C13.1717 11.5716 12.4283 10.8283 12.4283 9.90863V5.73855C12.4283 4.81887 13.1717 4.07556 14.0913 4.07556C15.011 4.07556 15.7543 4.81887 15.7543 5.73855V9.90863Z"
|
|
fill="#2EB67D"
|
|
/>
|
|
<path
|
|
d="M14.0913 16.5733C15.011 16.5733 15.7543 17.3166 15.7543 18.2362C15.7543 19.1559 15.011 19.8992 14.0913 19.8992C13.1717 19.8992 12.4283 19.1559 12.4283 18.2362V16.5733H14.0913ZM14.0913 15.7418C13.1717 15.7418 12.4283 14.9984 12.4283 14.0788C12.4283 13.1591 13.1717 12.4158 14.0913 12.4158H18.2614C19.1811 12.4158 19.9244 13.1591 19.9244 14.0788C19.9244 14.9984 19.1811 15.7418 18.2614 15.7418H14.0913Z"
|
|
fill="#ECB22E"
|
|
/>
|
|
</>
|
|
)}
|
|
</svg>
|
|
);
|
|
}
|