@mocanvas/mocanvas · constant

ICONS

declare const ICONS: {
    "geo-rectangle": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "geo-ellipse": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "geo-triangle": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "geo-diamond": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "geo-pentagon": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "geo-hexagon": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "geo-octagon": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "geo-star": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "geo-rhombus": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "geo-rhombus-2": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "geo-oval": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "geo-trapezoid": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "geo-arrow-right": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "geo-arrow-left": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "geo-arrow-up": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "geo-arrow-down": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "geo-x-box": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "geo-check-box": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "geo-cloud": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "geo-heart": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "arrowhead-none": react.JSX.Element;
    "arrowhead-arrow": react.JSX.Element;
    "arrowhead-triangle": react.JSX.Element;
    "arrowhead-triangle-inverted": react.JSX.Element;
    "arrowhead-square": react.JSX.Element;
    "arrowhead-diamond": react.JSX.Element;
    "arrowhead-dot": react.JSX.Element;
    "arrowhead-bar": react.JSX.Element;
    "fill-none": react.JSX.Element;
    "fill-paper": react.JSX.Element;
    "fill-tint": react.JSX.Element;
    "fill-full": react.JSX.Element;
    "fill-pattern": react.JSX.Element;
    "dash-draw": react.JSX.Element;
    "dash-solid": react.JSX.Element;
    "dash-dashed": react.JSX.Element;
    "dash-dotted": react.JSX.Element;
    "size-s": react.JSX.Element;
    "size-m": react.JSX.Element;
    "size-l": react.JSX.Element;
    "size-xl": react.JSX.Element;
    "text-align-left": react.JSX.Element;
    "text-align-center": react.JSX.Element;
    "text-align-right": react.JSX.Element;
    "valign-top": react.JSX.Element;
    "valign-middle": react.JSX.Element;
    "valign-bottom": react.JSX.Element;
    "font-draw": react.JSX.Element;
    "font-sans": react.JSX.Element;
    "font-serif": react.JSX.Element;
    "font-mono": react.JSX.Element;
    mixed: react.JSX.Element;
    close: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    cut: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    select: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    bold: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    link: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    strike: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    draw: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    arrow: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    dot: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    line: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    text: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    bookmark: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    frame: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    group: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    highlight: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    image: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    note: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    color: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    pack: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    italic: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    laser: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    undo: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    redo: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    menu: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "zoom-in": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "zoom-out": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    code: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    heading: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    bulletList: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    comment: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    list: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    manual: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    underline: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    crop: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    alt: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "align-bottom": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "align-center-horizontal": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "align-center-vertical": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "align-left": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "align-right": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "align-top": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "arrow-arc": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "arrow-cycle": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "arrow-elbow": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "bring-forward": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "bring-to-front": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    broken: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    check: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "check-circle": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "chevron-down": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "chevron-left": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "chevron-right": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "chevron-up": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "chevrons-ne": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "chevrons-sw": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "clipboard-copied": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "clipboard-copy": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    corners: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "cross-circle": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    disconnected: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    discord: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "distribute-horizontal": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "distribute-vertical": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "dots-horizontal": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "dots-vertical": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    download: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "drag-handle-dots": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    duplicate: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    edit: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    eraser: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "external-link": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    follow: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    following: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    github: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    hand: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "help-circle": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "info-circle": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    leading: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    lock: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    minus: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    plus: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "question-mark": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "reset-zoom": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "rotate-ccw": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "rotate-cw": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    screenshot: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "send-backward": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "send-to-back": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "share-1": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "spline-cubic": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "spline-line": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "stack-horizontal": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "stack-vertical": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "status-offline": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "stretch-horizontal": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "stretch-vertical": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "toggle-off": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "toggle-on": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    trash: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    twitter: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    ungroup: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    unlock: ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "warning-triangle": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
    "zoom-fit": ReactElement<unknown, string | react.JSXElementConstructor<any>>;
}

Every icon that has artwork of its own, keyed by name.

mocanvas is built by Symbio. Free for non-commercial, non-profit and development use; commercial use needs an agreement. Not affiliated with or endorsed by tldraw.