react-useanimations 3.0.0-beta.2 → 3.1.0

package/icons.d.ts

@@ -0,0 +1,4489 @@
+import type { Animation } from './index.js';
+
+/**
+ * **Activity** animated icon (Other). Default interaction: `loop`.
+ *
+ * Keywords: activity, other.
+ *
+ * ![Activity](https://useanimations.com/icons/activity/activity.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { activity } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={activity} />
+ */
+export declare const activity: Animation;
+
+/**
+ * **Airplay** animated icon (Media). Default interaction: `loop`.
+ *
+ * Keywords: airplay, media.
+ *
+ * ![Airplay](https://useanimations.com/icons/airplay/airplay.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { airplay } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={airplay} />
+ */
+export declare const airplay: Animation;
+
+/**
+ * **Alert circle** animated icon (Alerts). Default interaction: `loop`.
+ *
+ * Keywords: alert, alert-circle, alerts, attention, circle, error, warning.
+ *
+ * ![Alert circle](https://useanimations.com/icons/alert-circle/alert-circle.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { alertCircle } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={alertCircle} />
+ */
+export declare const alertCircle: Animation;
+
+/**
+ * **Alert octagon** animated icon (Alerts). Default interaction: `loop`.
+ *
+ * Keywords: alert, alert-octagon, alerts, attention, error, octagon, warning.
+ *
+ * ![Alert octagon](https://useanimations.com/icons/alert-octagon/alert-octagon.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { alertOctagon } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={alertOctagon} />
+ */
+export declare const alertOctagon: Animation;
+
+/**
+ * **Alert triangle** animated icon (Alerts). Default interaction: `loop`.
+ *
+ * Keywords: alert, alert-triangle, alerts, attention, error, triangle, warning.
+ *
+ * ![Alert triangle](https://useanimations.com/icons/alert-triangle/alert-triangle.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { alertTriangle } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={alertTriangle} />
+ */
+export declare const alertTriangle: Animation;
+
+/**
+ * **Align Center** animated icon (Text editing). Default interaction: `click-replay`.
+ *
+ * Keywords: align, align-center, center, text editing.
+ *
+ * ![Align Center](https://useanimations.com/icons/align-center/align-center.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { alignCenter } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={alignCenter} />
+ */
+export declare const alignCenter: Animation;
+
+/**
+ * **Align Justify** animated icon (Text editing). Default interaction: `click-replay`.
+ *
+ * Keywords: align, align-justify, justify, text editing.
+ *
+ * ![Align Justify](https://useanimations.com/icons/align-justify/align-justify.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { alignJustify } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={alignJustify} />
+ */
+export declare const alignJustify: Animation;
+
+/**
+ * **Align Left** animated icon (Text editing). Default interaction: `click-replay`.
+ *
+ * Keywords: align, align-left, left, text editing.
+ *
+ * ![Align Left](https://useanimations.com/icons/align-left/align-left.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { alignLeft } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={alignLeft} />
+ */
+export declare const alignLeft: Animation;
+
+/**
+ * **Align Right** animated icon (Text editing). Default interaction: `click-replay`.
+ *
+ * Keywords: align, align-right, right, text editing.
+ *
+ * ![Align Right](https://useanimations.com/icons/align-right/align-right.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { alignRight } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={alignRight} />
+ */
+export declare const alignRight: Animation;
+
+/**
+ * **Anchor** animated icon (Maps & location). Default interaction: `hover-replay`.
+ *
+ * Keywords: anchor, maps & location.
+ *
+ * ![Anchor](https://useanimations.com/icons/anchor/anchor.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { anchor } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={anchor} />
+ */
+export declare const anchor: Animation;
+
+/**
+ * **Aperture** animated icon (Media). Default interaction: `hover-replay`.
+ *
+ * Keywords: aperture, media.
+ *
+ * ![Aperture](https://useanimations.com/icons/aperture/aperture.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { aperture } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={aperture} />
+ */
+export declare const aperture: Animation;
+
+/**
+ * **Archive** animated icon (Content). Default interaction: `hover`.
+ *
+ * Keywords: archive, box, content, storage.
+ *
+ * ![Archive](https://useanimations.com/icons/archive/archive.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { archive } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={archive} />
+ */
+export declare const archive: Animation;
+
+/**
+ * **Arrow down** animated icon (Other). Default interaction: `loop`.
+ *
+ * Keywords: arrow, arrow-down, direction, down, navigation, other.
+ *
+ * ![Arrow down](https://useanimations.com/icons/arrow-down/arrow-down.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { arrowDown } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={arrowDown} />
+ */
+export declare const arrowDown: Animation;
+
+/**
+ * **Arrow down circle** animated icon (Navigation). Default interaction: `click-replay`.
+ *
+ * Keywords: arrow, arrow-down-circle, circle, direction, down, navigation.
+ *
+ * ![Arrow down circle](https://useanimations.com/icons/arrow-down-circle/arrow-down-circle.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { arrowDownCircle } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={arrowDownCircle} />
+ */
+export declare const arrowDownCircle: Animation;
+
+/**
+ * **Arrow Down Left** animated icon (Navigation). Default interaction: `hover-replay`.
+ *
+ * Keywords: arrow, arrow-down-left, direction, down, left, navigation.
+ *
+ * ![Arrow Down Left](https://useanimations.com/icons/arrow-down-left/arrow-down-left.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { arrowDownLeft } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={arrowDownLeft} />
+ */
+export declare const arrowDownLeft: Animation;
+
+/**
+ * **Arrow Down Right** animated icon (Navigation). Default interaction: `hover-replay`.
+ *
+ * Keywords: arrow, arrow-down-right, direction, down, navigation, right.
+ *
+ * ![Arrow Down Right](https://useanimations.com/icons/arrow-down-right/arrow-down-right.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { arrowDownRight } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={arrowDownRight} />
+ */
+export declare const arrowDownRight: Animation;
+
+/**
+ * **Arrow Left** animated icon (Navigation). Default interaction: `hover-replay`.
+ *
+ * Keywords: arrow, arrow-left, direction, left, navigation.
+ *
+ * ![Arrow Left](https://useanimations.com/icons/arrow-left/arrow-left.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { arrowLeft } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={arrowLeft} />
+ */
+export declare const arrowLeft: Animation;
+
+/**
+ * **Arrow left circle** animated icon (Navigation). Default interaction: `click-replay`.
+ *
+ * Keywords: arrow, arrow-left-circle, circle, direction, left, navigation.
+ *
+ * ![Arrow left circle](https://useanimations.com/icons/arrow-left-circle/arrow-left-circle.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { arrowLeftCircle } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={arrowLeftCircle} />
+ */
+export declare const arrowLeftCircle: Animation;
+
+/**
+ * **Arrow Right** animated icon (Navigation). Default interaction: `hover-replay`.
+ *
+ * Keywords: arrow, arrow-right, direction, navigation, right.
+ *
+ * ![Arrow Right](https://useanimations.com/icons/arrow-right/arrow-right.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { arrowRight } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={arrowRight} />
+ */
+export declare const arrowRight: Animation;
+
+/**
+ * **Arrow right circle** animated icon (Navigation). Default interaction: `click-replay`.
+ *
+ * Keywords: arrow, arrow-right-circle, circle, direction, navigation, right.
+ *
+ * ![Arrow right circle](https://useanimations.com/icons/arrow-right-circle/arrow-right-circle.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { arrowRightCircle } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={arrowRightCircle} />
+ */
+export declare const arrowRightCircle: Animation;
+
+/**
+ * **Arrow up** animated icon (Other). Default interaction: `loop`.
+ *
+ * Keywords: arrow, arrow-up, direction, navigation, other, up.
+ *
+ * ![Arrow up](https://useanimations.com/icons/arrow-up/arrow-up.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { arrowUp } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={arrowUp} />
+ */
+export declare const arrowUp: Animation;
+
+/**
+ * **Arrow up circle** animated icon (Navigation). Default interaction: `click-replay`.
+ *
+ * Keywords: arrow, arrow-up-circle, circle, direction, navigation, up.
+ *
+ * ![Arrow up circle](https://useanimations.com/icons/arrow-up-circle/arrow-up-circle.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { arrowUpCircle } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={arrowUpCircle} />
+ */
+export declare const arrowUpCircle: Animation;
+
+/**
+ * **Arrow Up Left** animated icon (Navigation). Default interaction: `hover-replay`.
+ *
+ * Keywords: arrow, arrow-up-left, direction, left, navigation, up.
+ *
+ * ![Arrow Up Left](https://useanimations.com/icons/arrow-up-left/arrow-up-left.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { arrowUpLeft } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={arrowUpLeft} />
+ */
+export declare const arrowUpLeft: Animation;
+
+/**
+ * **Arrow Up Right** animated icon (Navigation). Default interaction: `hover-replay`.
+ *
+ * Keywords: arrow, arrow-up-right, direction, navigation, right, up.
+ *
+ * ![Arrow Up Right](https://useanimations.com/icons/arrow-up-right/arrow-up-right.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { arrowUpRight } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={arrowUpRight} />
+ */
+export declare const arrowUpRight: Animation;
+
+/**
+ * **At Sign** animated icon (Communication). Default interaction: `hover-replay`.
+ *
+ * Keywords: at, at-sign, communication, sign.
+ *
+ * ![At Sign](https://useanimations.com/icons/at-sign/at-sign.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { atSign } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={atSign} />
+ */
+export declare const atSign: Animation;
+
+/**
+ * **Award** animated icon (Action). Default interaction: `hover-replay`.
+ *
+ * Keywords: action, award.
+ *
+ * ![Award](https://useanimations.com/icons/award/award.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { award } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={award} />
+ */
+export declare const award: Animation;
+
+/**
+ * **Bar Chart** animated icon (Charts). Default interaction: `hover-replay`.
+ *
+ * Keywords: bar, bar-chart, chart, charts.
+ *
+ * ![Bar Chart](https://useanimations.com/icons/bar-chart/bar-chart.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { barChart } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={barChart} />
+ */
+export declare const barChart: Animation;
+
+/**
+ * **Bar Chart 2** animated icon (Charts). Default interaction: `hover-replay`.
+ *
+ * Keywords: 2, bar, bar-chart-2, chart, charts.
+ *
+ * ![Bar Chart 2](https://useanimations.com/icons/bar-chart-2/bar-chart-2.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { barChart2 } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={barChart2} />
+ */
+export declare const barChart2: Animation;
+
+/**
+ * **Battery** animated icon (Devices). Default interaction: `hover-replay`.
+ *
+ * Keywords: battery, devices.
+ *
+ * ![Battery](https://useanimations.com/icons/battery/battery.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { battery } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={battery} />
+ */
+export declare const battery: Animation;
+
+/**
+ * **Battery Charging** animated icon (Devices). Default interaction: `hover-replay`.
+ *
+ * Keywords: battery, battery-charging, charging, devices.
+ *
+ * ![Battery Charging](https://useanimations.com/icons/battery-charging/battery-charging.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { batteryCharging } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={batteryCharging} />
+ */
+export declare const batteryCharging: Animation;
+
+/**
+ * **Behance** animated icon (Social media). Default interaction: `hover-loop`.
+ *
+ * Keywords: behance, social media.
+ *
+ * ![Behance](https://useanimations.com/icons/behance/behance.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { behance } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={behance} />
+ */
+export declare const behance: Animation;
+
+/**
+ * **Bluetooth** animated icon (Devices). Default interaction: `hover-replay`.
+ *
+ * Keywords: bluetooth, devices.
+ *
+ * ![Bluetooth](https://useanimations.com/icons/bluetooth/bluetooth.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { bluetooth } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={bluetooth} />
+ */
+export declare const bluetooth: Animation;
+
+/**
+ * **Bold** animated icon (Text editing). Default interaction: `click-replay`.
+ *
+ * Keywords: bold, text editing.
+ *
+ * ![Bold](https://useanimations.com/icons/bold/bold.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { bold } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={bold} />
+ */
+export declare const bold: Animation;
+
+/**
+ * **Book** animated icon (Content). Default interaction: `hover-replay`.
+ *
+ * Keywords: book, content.
+ *
+ * ![Book](https://useanimations.com/icons/book/book.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { book } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={book} />
+ */
+export declare const book: Animation;
+
+/**
+ * **Bookmark** animated icon (Action). Default interaction: `click-toggle`.
+ *
+ * Keywords: action, bookmark, save.
+ *
+ * ![Bookmark](https://useanimations.com/icons/bookmark/bookmark.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { bookmark } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={bookmark} />
+ */
+export declare const bookmark: Animation;
+
+/**
+ * **Book Open** animated icon (Content). Default interaction: `hover-replay`.
+ *
+ * Keywords: book, book-open, content, open.
+ *
+ * ![Book Open](https://useanimations.com/icons/book-open/book-open.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { bookOpen } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={bookOpen} />
+ */
+export declare const bookOpen: Animation;
+
+/**
+ * **Box** animated icon (Commerce). Default interaction: `hover-replay`.
+ *
+ * Keywords: box, commerce.
+ *
+ * ![Box](https://useanimations.com/icons/box/box.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { box } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={box} />
+ */
+export declare const box: Animation;
+
+/**
+ * **Briefcase** animated icon (Commerce). Default interaction: `hover-replay`.
+ *
+ * Keywords: briefcase, commerce.
+ *
+ * ![Briefcase](https://useanimations.com/icons/briefcase/briefcase.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { briefcase } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={briefcase} />
+ */
+export declare const briefcase: Animation;
+
+/**
+ * **Calendar** animated icon (Action). Default interaction: `hover`.
+ *
+ * Keywords: action, calendar, date, schedule.
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { calendar } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={calendar} />
+ */
+export declare const calendar: Animation;
+
+/**
+ * **Camera** animated icon (Media). Default interaction: `click-replay`.
+ *
+ * Keywords: camera, media.
+ *
+ * ![Camera](https://useanimations.com/icons/camera/camera.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { camera } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={camera} />
+ */
+export declare const camera: Animation;
+
+/**
+ * **Camera Off** animated icon (Media). Default interaction: `click-toggle`.
+ *
+ * Keywords: camera, camera-off, camera-off-off, media, off.
+ *
+ * ![Camera Off](https://useanimations.com/icons/camera-off/camera-off-off.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { cameraOff } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={cameraOff} />
+ */
+export declare const cameraOff: Animation;
+
+/**
+ * **Cast** animated icon (Media). Default interaction: `hover-replay`.
+ *
+ * Keywords: cast, media.
+ *
+ * ![Cast](https://useanimations.com/icons/cast/cast.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { cast } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={cast} />
+ */
+export declare const cast: Animation;
+
+/**
+ * **Check** animated icon (Action). Default interaction: `click-replay`.
+ *
+ * Keywords: action, check.
+ *
+ * ![Check](https://useanimations.com/icons/check/check.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { check } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={check} />
+ */
+export declare const check: Animation;
+
+/**
+ * **Checkbox** animated icon (Form). Default interaction: `click-toggle`.
+ *
+ * Keywords: check-square, checkbox, form, select.
+ *
+ * ![Checkbox](https://useanimations.com/icons/check-box/check-square.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { checkBox } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={checkBox} />
+ */
+export declare const checkBox: Animation;
+
+/**
+ * **Check Circle** animated icon (Action). Default interaction: `click-replay`.
+ *
+ * Keywords: action, check, check-circle, circle.
+ *
+ * ![Check Circle](https://useanimations.com/icons/check-circle/check-circle.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { checkCircle } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={checkCircle} />
+ */
+export declare const checkCircle: Animation;
+
+/**
+ * **Checkmark** animated icon (Action). Default interaction: `loop`.
+ *
+ * Keywords: action, check, checkmark, done, success, tick.
+ *
+ * ![Checkmark](https://useanimations.com/icons/checkmark/checkmark.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { checkmark } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={checkmark} />
+ */
+export declare const checkmark: Animation;
+
+/**
+ * **Chevron Down** animated icon (Navigation). Default interaction: `hover-replay`.
+ *
+ * Keywords: arrow, back, chevron, chevron-down, down, navigation, next.
+ *
+ * ![Chevron Down](https://useanimations.com/icons/chevron-down/chevron-down.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { chevronDown } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={chevronDown} />
+ */
+export declare const chevronDown: Animation;
+
+/**
+ * **Chevron left** animated icon (Action). Default interaction: `click-replay`.
+ *
+ * Keywords: action, arrow, back, chevron, chevron-left, left, navigation, next.
+ *
+ * ![Chevron left](https://useanimations.com/icons/chevron-left/chevron-left.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { chevronLeft } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={chevronLeft} />
+ */
+export declare const chevronLeft: Animation;
+
+/**
+ * **Chevron right** animated icon (Action). Default interaction: `click-replay`.
+ *
+ * Keywords: action, arrow, back, chevron, chevron-right, navigation, next, right.
+ *
+ * ![Chevron right](https://useanimations.com/icons/chevron-right/chevron-right.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { chevronRight } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={chevronRight} />
+ */
+export declare const chevronRight: Animation;
+
+/**
+ * **Chevrons Down** animated icon (Navigation). Default interaction: `hover-replay`.
+ *
+ * Keywords: arrow, back, chevrons, chevrons-down, down, navigation, next.
+ *
+ * ![Chevrons Down](https://useanimations.com/icons/chevrons-down/chevrons-down.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { chevronsDown } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={chevronsDown} />
+ */
+export declare const chevronsDown: Animation;
+
+/**
+ * **Chevrons Left** animated icon (Navigation). Default interaction: `hover-replay`.
+ *
+ * Keywords: arrow, back, chevrons, chevrons-left, left, navigation, next.
+ *
+ * ![Chevrons Left](https://useanimations.com/icons/chevrons-left/chevrons-left.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { chevronsLeft } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={chevronsLeft} />
+ */
+export declare const chevronsLeft: Animation;
+
+/**
+ * **Chevrons Right** animated icon (Navigation). Default interaction: `hover-replay`.
+ *
+ * Keywords: arrow, back, chevrons, chevrons-right, navigation, next, right.
+ *
+ * ![Chevrons Right](https://useanimations.com/icons/chevrons-right/chevrons-right.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { chevronsRight } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={chevronsRight} />
+ */
+export declare const chevronsRight: Animation;
+
+/**
+ * **Chevrons Up** animated icon (Navigation). Default interaction: `hover-replay`.
+ *
+ * Keywords: arrow, back, chevrons, chevrons-up, navigation, next, up.
+ *
+ * ![Chevrons Up](https://useanimations.com/icons/chevrons-up/chevrons-up.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { chevronsUp } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={chevronsUp} />
+ */
+export declare const chevronsUp: Animation;
+
+/**
+ * **Chevron Up** animated icon (Navigation). Default interaction: `hover-replay`.
+ *
+ * Keywords: arrow, back, chevron, chevron-up, navigation, next, up.
+ *
+ * ![Chevron Up](https://useanimations.com/icons/chevron-up/chevron-up.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { chevronUp } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={chevronUp} />
+ */
+export declare const chevronUp: Animation;
+
+/**
+ * **Chrome** animated icon (Social media). Default interaction: `hover-replay`.
+ *
+ * Keywords: chrome, social media.
+ *
+ * ![Chrome](https://useanimations.com/icons/chrome/chrome.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { chrome } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={chrome} />
+ */
+export declare const chrome: Animation;
+
+/**
+ * **Circle** animated icon (Shapes & math). Default interaction: `hover-replay`.
+ *
+ * Keywords: circle, shapes & math.
+ *
+ * ![Circle](https://useanimations.com/icons/circle/circle.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { circle } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={circle} />
+ */
+export declare const circle: Animation;
+
+/**
+ * **Clipboard** animated icon (Content). Default interaction: `hover-replay`.
+ *
+ * Keywords: clipboard, content.
+ *
+ * ![Clipboard](https://useanimations.com/icons/clipboard/clipboard.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { clipboard } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={clipboard} />
+ */
+export declare const clipboard: Animation;
+
+/**
+ * **Clock** animated icon (Other). Default interaction: `hover-replay`.
+ *
+ * Keywords: clock, other.
+ *
+ * ![Clock](https://useanimations.com/icons/clock/clock.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { clock } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={clock} />
+ */
+export declare const clock: Animation;
+
+/**
+ * **Cloud** animated icon (Weather). Default interaction: `hover-loop`.
+ *
+ * Keywords: cloud, weather.
+ *
+ * ![Cloud](https://useanimations.com/icons/cloud/cloud.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { cloud } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={cloud} />
+ */
+export declare const cloud: Animation;
+
+/**
+ * **Cloud Drizzle** animated icon (Weather). Default interaction: `hover-replay`.
+ *
+ * Keywords: cloud, cloud-drizzle, drizzle, weather.
+ *
+ * ![Cloud Drizzle](https://useanimations.com/icons/cloud-drizzle/cloud-drizzle.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { cloudDrizzle } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={cloudDrizzle} />
+ */
+export declare const cloudDrizzle: Animation;
+
+/**
+ * **Cloud Lightning** animated icon (Weather). Default interaction: `hover-replay`.
+ *
+ * Keywords: cloud, cloud-lightning, lightning, weather.
+ *
+ * ![Cloud Lightning](https://useanimations.com/icons/cloud-lightning/cloud-lightning.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { cloudLightning } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={cloudLightning} />
+ */
+export declare const cloudLightning: Animation;
+
+/**
+ * **Cloud Off** animated icon (Weather). Default interaction: `click-toggle`.
+ *
+ * Keywords: cloud, cloud-off, cloud-off-off, off, weather.
+ *
+ * ![Cloud Off](https://useanimations.com/icons/cloud-off/cloud-off-off.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { cloudOff } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={cloudOff} />
+ */
+export declare const cloudOff: Animation;
+
+/**
+ * **Cloud Rain** animated icon (Weather). Default interaction: `hover-replay`.
+ *
+ * Keywords: cloud, cloud-rain, rain, weather.
+ *
+ * ![Cloud Rain](https://useanimations.com/icons/cloud-rain/cloud-rain.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { cloudRain } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={cloudRain} />
+ */
+export declare const cloudRain: Animation;
+
+/**
+ * **Cloud Snow** animated icon (Weather). Default interaction: `hover-replay`.
+ *
+ * Keywords: cloud, cloud-snow, snow, weather.
+ *
+ * ![Cloud Snow](https://useanimations.com/icons/cloud-snow/cloud-snow.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { cloudSnow } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={cloudSnow} />
+ */
+export declare const cloudSnow: Animation;
+
+/**
+ * **Code** animated icon (Development). Default interaction: `hover-replay`.
+ *
+ * Keywords: code, development.
+ *
+ * ![Code](https://useanimations.com/icons/code/code.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { code } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={code} />
+ */
+export declare const code: Animation;
+
+/**
+ * **Codepen** animated icon (Social media). Default interaction: `hover-loop`.
+ *
+ * Keywords: codepen, social media.
+ *
+ * ![Codepen](https://useanimations.com/icons/codepen/codepen.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { codepen } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={codepen} />
+ */
+export declare const codepen: Animation;
+
+/**
+ * **Codesandbox** animated icon (Social media). Default interaction: `hover-replay`.
+ *
+ * Keywords: codesandbox, social media.
+ *
+ * ![Codesandbox](https://useanimations.com/icons/codesandbox/codesandbox.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { codesandbox } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={codesandbox} />
+ */
+export declare const codesandbox: Animation;
+
+/**
+ * **Coffee** animated icon (Other). Default interaction: `hover-replay`.
+ *
+ * Keywords: coffee, other.
+ *
+ * ![Coffee](https://useanimations.com/icons/coffee/coffee.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { coffee } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={coffee} />
+ */
+export declare const coffee: Animation;
+
+/**
+ * **Columns** animated icon (Design & layout). Default interaction: `hover-replay`.
+ *
+ * Keywords: columns, design & layout.
+ *
+ * ![Columns](https://useanimations.com/icons/columns/columns.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { columns } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={columns} />
+ */
+export declare const columns: Animation;
+
+/**
+ * **Command** animated icon (Development). Default interaction: `hover-replay`.
+ *
+ * Keywords: command, development.
+ *
+ * ![Command](https://useanimations.com/icons/command/command.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { command } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={command} />
+ */
+export declare const command: Animation;
+
+/**
+ * **Copy** animated icon (Content). Default interaction: `hover`.
+ *
+ * Keywords: clipboard, content, copy, duplicate.
+ *
+ * ![Copy](https://useanimations.com/icons/copy/copy.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { copy } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={copy} />
+ */
+export declare const copy: Animation;
+
+/**
+ * **Corner Down Left** animated icon (Navigation). Default interaction: `hover-replay`.
+ *
+ * Keywords: corner, corner-down-left, down, left, navigation.
+ *
+ * ![Corner Down Left](https://useanimations.com/icons/corner-down-left/corner-down-left.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { cornerDownLeft } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={cornerDownLeft} />
+ */
+export declare const cornerDownLeft: Animation;
+
+/**
+ * **Corner Down Right** animated icon (Navigation). Default interaction: `hover-replay`.
+ *
+ * Keywords: corner, corner-down-right, down, navigation, right.
+ *
+ * ![Corner Down Right](https://useanimations.com/icons/corner-down-right/corner-down-right.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { cornerDownRight } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={cornerDownRight} />
+ */
+export declare const cornerDownRight: Animation;
+
+/**
+ * **Corner Left Down** animated icon (Navigation). Default interaction: `hover-replay`.
+ *
+ * Keywords: corner, corner-left-down, down, left, navigation.
+ *
+ * ![Corner Left Down](https://useanimations.com/icons/corner-left-down/corner-left-down.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { cornerLeftDown } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={cornerLeftDown} />
+ */
+export declare const cornerLeftDown: Animation;
+
+/**
+ * **Corner Left Up** animated icon (Navigation). Default interaction: `hover-replay`.
+ *
+ * Keywords: corner, corner-left-up, left, navigation, up.
+ *
+ * ![Corner Left Up](https://useanimations.com/icons/corner-left-up/corner-left-up.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { cornerLeftUp } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={cornerLeftUp} />
+ */
+export declare const cornerLeftUp: Animation;
+
+/**
+ * **Corner Right Down** animated icon (Navigation). Default interaction: `hover-replay`.
+ *
+ * Keywords: corner, corner-right-down, down, navigation, right.
+ *
+ * ![Corner Right Down](https://useanimations.com/icons/corner-right-down/corner-right-down.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { cornerRightDown } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={cornerRightDown} />
+ */
+export declare const cornerRightDown: Animation;
+
+/**
+ * **Corner Right Up** animated icon (Navigation). Default interaction: `hover-replay`.
+ *
+ * Keywords: corner, corner-right-up, navigation, right, up.
+ *
+ * ![Corner Right Up](https://useanimations.com/icons/corner-right-up/corner-right-up.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { cornerRightUp } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={cornerRightUp} />
+ */
+export declare const cornerRightUp: Animation;
+
+/**
+ * **Corner Up Left** animated icon (Navigation). Default interaction: `hover-replay`.
+ *
+ * Keywords: corner, corner-up-left, left, navigation, up.
+ *
+ * ![Corner Up Left](https://useanimations.com/icons/corner-up-left/corner-up-left.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { cornerUpLeft } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={cornerUpLeft} />
+ */
+export declare const cornerUpLeft: Animation;
+
+/**
+ * **Corner Up Right** animated icon (Navigation). Default interaction: `hover-replay`.
+ *
+ * Keywords: corner, corner-up-right, navigation, right, up.
+ *
+ * ![Corner Up Right](https://useanimations.com/icons/corner-up-right/corner-up-right.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { cornerUpRight } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={cornerUpRight} />
+ */
+export declare const cornerUpRight: Animation;
+
+/**
+ * **CPU** animated icon (Devices). Default interaction: `hover-replay`.
+ *
+ * Keywords: cpu, devices.
+ *
+ * ![CPU](https://useanimations.com/icons/cpu/cpu.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { cpu } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={cpu} />
+ */
+export declare const cpu: Animation;
+
+/**
+ * **Credit Card** animated icon (Commerce). Default interaction: `hover-replay`.
+ *
+ * Keywords: card, commerce, credit, credit-card.
+ *
+ * ![Credit Card](https://useanimations.com/icons/credit-card/credit-card.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { creditCard } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={creditCard} />
+ */
+export declare const creditCard: Animation;
+
+/**
+ * **Crop** animated icon (Design & layout). Default interaction: `click-replay`.
+ *
+ * Keywords: crop, design & layout.
+ *
+ * ![Crop](https://useanimations.com/icons/crop/crop.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { crop } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={crop} />
+ */
+export declare const crop: Animation;
+
+/**
+ * **Crosshair** animated icon (Maps & location). Default interaction: `hover-replay`.
+ *
+ * Keywords: crosshair, maps & location.
+ *
+ * ![Crosshair](https://useanimations.com/icons/crosshair/crosshair.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { crosshair } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={crosshair} />
+ */
+export declare const crosshair: Animation;
+
+/**
+ * **Database** animated icon (Development). Default interaction: `hover-replay`.
+ *
+ * Keywords: database, development.
+ *
+ * ![Database](https://useanimations.com/icons/database/database.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { database } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={database} />
+ */
+export declare const database: Animation;
+
+/**
+ * **Delete** animated icon (Action). Default interaction: `click-replay`.
+ *
+ * Keywords: action, delete.
+ *
+ * ![Delete](https://useanimations.com/icons/delete/delete.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { deleteIcon } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={deleteIcon} />
+ */
+export declare const deleteIcon: Animation;
+
+/**
+ * **Disc** animated icon (Media). Default interaction: `hover-replay`.
+ *
+ * Keywords: disc, media.
+ *
+ * ![Disc](https://useanimations.com/icons/disc/disc.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { disc } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={disc} />
+ */
+export declare const disc: Animation;
+
+/**
+ * **Discord** animated icon (Social media). Default interaction: `hover-loop`.
+ *
+ * Keywords: chat, community, discord, gaming, social media.
+ *
+ * ![Discord](https://useanimations.com/icons/discord/discord.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { discord } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={discord} />
+ */
+export declare const discord: Animation;
+
+/**
+ * **Divide** animated icon (Shapes & math). Default interaction: `hover-replay`.
+ *
+ * Keywords: divide, shapes & math.
+ *
+ * ![Divide](https://useanimations.com/icons/divide/divide.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { divide } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={divide} />
+ */
+export declare const divide: Animation;
+
+/**
+ * **Divide Circle** animated icon (Shapes & math). Default interaction: `hover-replay`.
+ *
+ * Keywords: circle, divide, divide-circle, shapes & math.
+ *
+ * ![Divide Circle](https://useanimations.com/icons/divide-circle/divide-circle.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { divideCircle } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={divideCircle} />
+ */
+export declare const divideCircle: Animation;
+
+/**
+ * **Divide Square** animated icon (Shapes & math). Default interaction: `hover-replay`.
+ *
+ * Keywords: divide, divide-square, shapes & math, square.
+ *
+ * ![Divide Square](https://useanimations.com/icons/divide-square/divide-square.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { divideSquare } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={divideSquare} />
+ */
+export declare const divideSquare: Animation;
+
+/**
+ * **Dollar Sign** animated icon (Commerce). Default interaction: `hover-replay`.
+ *
+ * Keywords: commerce, dollar, dollar-sign, sign.
+ *
+ * ![Dollar Sign](https://useanimations.com/icons/dollar-sign/dollar-sign.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { dollarSign } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={dollarSign} />
+ */
+export declare const dollarSign: Animation;
+
+/**
+ * **Download** animated icon (Action). Default interaction: `click-replay`.
+ *
+ * Keywords: action, download, export, save.
+ *
+ * ![Download](https://useanimations.com/icons/download/download.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { download } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={download} />
+ */
+export declare const download: Animation;
+
+/**
+ * **Download V2** animated icon (Action). Default interaction: `click-replay`.
+ *
+ * Keywords: action, download, download-v2, export, save.
+ *
+ * ![Download V2](https://useanimations.com/icons/download-v2/download-v2.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { download2 } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={download2} />
+ */
+export declare const download2: Animation;
+
+/**
+ * **Download Cloud** animated icon (Action). Default interaction: `click-replay`.
+ *
+ * Keywords: action, cloud, download, download-cloud, export, save.
+ *
+ * ![Download Cloud](https://useanimations.com/icons/download-cloud/download-cloud.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { downloadCloud } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={downloadCloud} />
+ */
+export declare const downloadCloud: Animation;
+
+/**
+ * **Dribbble** animated icon (Social media). Default interaction: `hover-loop`.
+ *
+ * Keywords: dribbble, social media.
+ *
+ * ![Dribbble](https://useanimations.com/icons/dribbble/dribbble.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { dribbble } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={dribbble} />
+ */
+export declare const dribbble: Animation;
+
+/**
+ * **Droplet** animated icon (Weather). Default interaction: `hover-replay`.
+ *
+ * Keywords: droplet, weather.
+ *
+ * ![Droplet](https://useanimations.com/icons/droplet/droplet.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { droplet } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={droplet} />
+ */
+export declare const droplet: Animation;
+
+/**
+ * **Edit** animated icon (Action). Default interaction: `hover`.
+ *
+ * Keywords: action, edit, edit-2, pencil, write.
+ *
+ * ![Edit](https://useanimations.com/icons/edit/edit-2.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { edit } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={edit} />
+ */
+export declare const edit: Animation;
+
+/**
+ * **Edit 2** animated icon (Action). Default interaction: `click-replay`.
+ *
+ * Keywords: 2, action, edit, edit-2, pencil, write.
+ *
+ * ![Edit 2](https://useanimations.com/icons/edit-2/edit-2.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { edit2 } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={edit2} />
+ */
+export declare const edit2: Animation;
+
+/**
+ * **Edit 3** animated icon (Action). Default interaction: `click-replay`.
+ *
+ * Keywords: 3, action, edit, edit-3, pencil, write.
+ *
+ * ![Edit 3](https://useanimations.com/icons/edit-3/edit-3.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { edit3 } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={edit3} />
+ */
+export declare const edit3: Animation;
+
+/**
+ * **Error** animated icon (Alerts). Default interaction: `loop`.
+ *
+ * Keywords: alerts, close, error, failure, x.
+ *
+ * ![Error](https://useanimations.com/icons/error/error.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { error } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={error} />
+ */
+export declare const error: Animation;
+
+/**
+ * **Explore** animated icon (Action). Default interaction: `hover`.
+ *
+ * Keywords: action, compass, discover, explore.
+ *
+ * ![Explore](https://useanimations.com/icons/explore/explore.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { explore } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={explore} />
+ */
+export declare const explore: Animation;
+
+/**
+ * **External Link** animated icon (Navigation). Default interaction: `hover-replay`.
+ *
+ * Keywords: external, external-link, link, navigation.
+ *
+ * ![External Link](https://useanimations.com/icons/external-link/external-link.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { externalLink } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={externalLink} />
+ */
+export declare const externalLink: Animation;
+
+/**
+ * **Facebook** animated icon (Social media). Default interaction: `hover-loop`.
+ *
+ * Keywords: facebook, social media.
+ *
+ * ![Facebook](https://useanimations.com/icons/facebook/facebook.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { facebook } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={facebook} />
+ */
+export declare const facebook: Animation;
+
+/**
+ * **Fast Forward** animated icon (Media). Default interaction: `hover-replay`.
+ *
+ * Keywords: fast, fast-forward, forward, media.
+ *
+ * ![Fast Forward](https://useanimations.com/icons/fast-forward/fast-forward.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { fastForward } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={fastForward} />
+ */
+export declare const fastForward: Animation;
+
+/**
+ * **Figma** animated icon (Social media). Default interaction: `hover-replay`.
+ *
+ * Keywords: figma, social media.
+ *
+ * ![Figma](https://useanimations.com/icons/figma/figma.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { figma } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={figma} />
+ */
+export declare const figma: Animation;
+
+/**
+ * **File** animated icon (Content). Default interaction: `hover-replay`.
+ *
+ * Keywords: content, file.
+ *
+ * ![File](https://useanimations.com/icons/file/file.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { file } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={file} />
+ */
+export declare const file: Animation;
+
+/**
+ * **File Minus** animated icon (Content). Default interaction: `click-replay`.
+ *
+ * Keywords: content, file, file-minus, minus.
+ *
+ * ![File Minus](https://useanimations.com/icons/file-minus/file-minus.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { fileMinus } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={fileMinus} />
+ */
+export declare const fileMinus: Animation;
+
+/**
+ * **File Plus** animated icon (Content). Default interaction: `click-replay`.
+ *
+ * Keywords: content, file, file-plus, plus.
+ *
+ * ![File Plus](https://useanimations.com/icons/file-plus/file-plus.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { filePlus } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={filePlus} />
+ */
+export declare const filePlus: Animation;
+
+/**
+ * **File Text** animated icon (Content). Default interaction: `hover-replay`.
+ *
+ * Keywords: content, file, file-text, text.
+ *
+ * ![File Text](https://useanimations.com/icons/file-text/file-text.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { fileText } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={fileText} />
+ */
+export declare const fileText: Animation;
+
+/**
+ * **Film** animated icon (Media). Default interaction: `hover-replay`.
+ *
+ * Keywords: film, media.
+ *
+ * ![Film](https://useanimations.com/icons/film/film.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { film } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={film} />
+ */
+export declare const film: Animation;
+
+/**
+ * **Filter** animated icon (Action). Default interaction: `click-replay`.
+ *
+ * Keywords: action, filter, funnel, sort.
+ *
+ * ![Filter](https://useanimations.com/icons/filter/filter.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { filter } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={filter} />
+ */
+export declare const filter: Animation;
+
+/**
+ * **Flag** animated icon (Action). Default interaction: `hover-loop`.
+ *
+ * Keywords: action, flag.
+ *
+ * ![Flag](https://useanimations.com/icons/flag/flag.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { flag } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={flag} />
+ */
+export declare const flag: Animation;
+
+/**
+ * **Folder** animated icon (Action). Default interaction: `hover`.
+ *
+ * Keywords: action, folder.
+ *
+ * ![Folder](https://useanimations.com/icons/folder/folder.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { folder } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={folder} />
+ */
+export declare const folder: Animation;
+
+/**
+ * **Folder Minus** animated icon (Content). Default interaction: `click-replay`.
+ *
+ * Keywords: content, folder, folder-minus, minus.
+ *
+ * ![Folder Minus](https://useanimations.com/icons/folder-minus/folder-minus.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { folderMinus } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={folderMinus} />
+ */
+export declare const folderMinus: Animation;
+
+/**
+ * **Folder Plus** animated icon (Content). Default interaction: `click-replay`.
+ *
+ * Keywords: content, folder, folder-plus, plus.
+ *
+ * ![Folder Plus](https://useanimations.com/icons/folder-plus/folder-plus.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { folderPlus } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={folderPlus} />
+ */
+export declare const folderPlus: Animation;
+
+/**
+ * **Framer** animated icon (Social media). Default interaction: `hover-replay`.
+ *
+ * Keywords: framer, social media.
+ *
+ * ![Framer](https://useanimations.com/icons/framer/framer.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { framer } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={framer} />
+ */
+export declare const framer: Animation;
+
+/**
+ * **Frown** animated icon (Other). Default interaction: `hover-replay`.
+ *
+ * Keywords: frown, other.
+ *
+ * ![Frown](https://useanimations.com/icons/frown/frown.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { frown } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={frown} />
+ */
+export declare const frown: Animation;
+
+/**
+ * **Gift** animated icon (Commerce). Default interaction: `hover-replay`.
+ *
+ * Keywords: commerce, gift.
+ *
+ * ![Gift](https://useanimations.com/icons/gift/gift.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { gift } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={gift} />
+ */
+export declare const gift: Animation;
+
+/**
+ * **Git Branch** animated icon (Development). Default interaction: `hover-replay`.
+ *
+ * Keywords: branch, development, git, git-branch.
+ *
+ * ![Git Branch](https://useanimations.com/icons/git-branch/git-branch.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { gitBranch } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={gitBranch} />
+ */
+export declare const gitBranch: Animation;
+
+/**
+ * **Git Commit** animated icon (Development). Default interaction: `hover-replay`.
+ *
+ * Keywords: commit, development, git, git-commit.
+ *
+ * ![Git Commit](https://useanimations.com/icons/git-commit/git-commit.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { gitCommit } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={gitCommit} />
+ */
+export declare const gitCommit: Animation;
+
+/**
+ * **Github** animated icon (Social media). Default interaction: `hover-loop`.
+ *
+ * Keywords: github, social media.
+ *
+ * ![Github](https://useanimations.com/icons/github/github.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { github } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={github} />
+ */
+export declare const github: Animation;
+
+/**
+ * **GitLab** animated icon (Social media). Default interaction: `hover-replay`.
+ *
+ * Keywords: gitlab, social media.
+ *
+ * ![GitLab](https://useanimations.com/icons/gitlab/gitlab.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { gitlab } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={gitlab} />
+ */
+export declare const gitlab: Animation;
+
+/**
+ * **Git Merge** animated icon (Development). Default interaction: `hover-replay`.
+ *
+ * Keywords: development, git, git-merge, merge.
+ *
+ * ![Git Merge](https://useanimations.com/icons/git-merge/git-merge.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { gitMerge } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={gitMerge} />
+ */
+export declare const gitMerge: Animation;
+
+/**
+ * **Git Pull Request** animated icon (Development). Default interaction: `hover-replay`.
+ *
+ * Keywords: development, git, git-pull-request, pull, request.
+ *
+ * ![Git Pull Request](https://useanimations.com/icons/git-pull-request/git-pull-request.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { gitPullRequest } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={gitPullRequest} />
+ */
+export declare const gitPullRequest: Animation;
+
+/**
+ * **Globe** animated icon (Maps & location). Default interaction: `hover-loop`.
+ *
+ * Keywords: globe, maps & location.
+ *
+ * ![Globe](https://useanimations.com/icons/globe/globe.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { globe } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={globe} />
+ */
+export declare const globe: Animation;
+
+/**
+ * **Grid** animated icon (Design & layout). Default interaction: `hover-replay`.
+ *
+ * Keywords: design & layout, grid.
+ *
+ * ![Grid](https://useanimations.com/icons/grid/grid.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { grid } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={grid} />
+ */
+export declare const grid: Animation;
+
+/**
+ * **Hard Drive** animated icon (Devices). Default interaction: `hover-replay`.
+ *
+ * Keywords: devices, drive, hard, hard-drive.
+ *
+ * ![Hard Drive](https://useanimations.com/icons/hard-drive/hard-drive.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { hardDrive } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={hardDrive} />
+ */
+export declare const hardDrive: Animation;
+
+/**
+ * **Hash** animated icon (Text editing). Default interaction: `hover-replay`.
+ *
+ * Keywords: hash, text editing.
+ *
+ * ![Hash](https://useanimations.com/icons/hash/hash.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { hash } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={hash} />
+ */
+export declare const hash: Animation;
+
+/**
+ * **Headphones** animated icon (Media). Default interaction: `hover-replay`.
+ *
+ * Keywords: headphones, media.
+ *
+ * ![Headphones](https://useanimations.com/icons/headphones/headphones.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { headphones } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={headphones} />
+ */
+export declare const headphones: Animation;
+
+/**
+ * **Heart** animated icon (Action). Default interaction: `click-toggle`.
+ *
+ * Keywords: action, favorite, heart, like, love.
+ *
+ * ![Heart](https://useanimations.com/icons/heart/heart.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { heart } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={heart} />
+ */
+export declare const heart: Animation;
+
+/**
+ * **Heart V2** animated icon (Action). Default interaction: `click-replay`.
+ *
+ * Keywords: action, favorite, heart, heart-v2, like, love.
+ *
+ * ![Heart V2](https://useanimations.com/icons/heart-v2/heart-v2.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { heart2 } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={heart2} />
+ */
+export declare const heart2: Animation;
+
+/**
+ * **Help** animated icon (Action). Default interaction: `loop`.
+ *
+ * Keywords: action, help, question, support.
+ *
+ * ![Help](https://useanimations.com/icons/help/help.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { help } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={help} />
+ */
+export declare const help: Animation;
+
+/**
+ * **Hexagon** animated icon (Shapes & math). Default interaction: `hover-replay`.
+ *
+ * Keywords: hexagon, shapes & math.
+ *
+ * ![Hexagon](https://useanimations.com/icons/hexagon/hexagon.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { hexagon } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={hexagon} />
+ */
+export declare const hexagon: Animation;
+
+/**
+ * **Home** animated icon (Action). Default interaction: `hover`.
+ *
+ * Keywords: action, home, house.
+ *
+ * ![Home](https://useanimations.com/icons/home/home.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { home } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={home} />
+ */
+export declare const home: Animation;
+
+/**
+ * **Image** animated icon (Content). Default interaction: `hover-replay`.
+ *
+ * Keywords: content, image.
+ *
+ * ![Image](https://useanimations.com/icons/image/image.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { image } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={image} />
+ */
+export declare const image: Animation;
+
+/**
+ * **Inbox** animated icon (Content). Default interaction: `hover-replay`.
+ *
+ * Keywords: content, inbox.
+ *
+ * ![Inbox](https://useanimations.com/icons/inbox/inbox.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { inbox } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={inbox} />
+ */
+export declare const inbox: Animation;
+
+/**
+ * **Infinity** animated icon (Loading). Default interaction: `loop`.
+ *
+ * Keywords: infinity, loader, loading, loop, spinner.
+ *
+ * ![Infinity](https://useanimations.com/icons/infinity/infinity.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { infinity } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={infinity} />
+ */
+export declare const infinity: Animation;
+
+/**
+ * **Info** animated icon (Action). Default interaction: `hover`.
+ *
+ * Keywords: about, action, info, information.
+ *
+ * ![Info](https://useanimations.com/icons/info/info.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { info } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={info} />
+ */
+export declare const info: Animation;
+
+/**
+ * **Instagram** animated icon (Social media). Default interaction: `hover`.
+ *
+ * Keywords: instagram, social media.
+ *
+ * ![Instagram](https://useanimations.com/icons/instagram/instagram.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { instagram } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={instagram} />
+ */
+export declare const instagram: Animation;
+
+/**
+ * **Italic** animated icon (Text editing). Default interaction: `click-replay`.
+ *
+ * Keywords: italic, text editing.
+ *
+ * ![Italic](https://useanimations.com/icons/italic/italic.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { italic } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={italic} />
+ */
+export declare const italic: Animation;
+
+/**
+ * **Key** animated icon (Action). Default interaction: `hover-replay`.
+ *
+ * Keywords: action, key.
+ *
+ * ![Key](https://useanimations.com/icons/key/key.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { key } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={key} />
+ */
+export declare const key: Animation;
+
+/**
+ * **Layers** animated icon (Design & layout). Default interaction: `hover-replay`.
+ *
+ * Keywords: design & layout, layers.
+ *
+ * ![Layers](https://useanimations.com/icons/layers/layers.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { layers } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={layers} />
+ */
+export declare const layers: Animation;
+
+/**
+ * **Layout** animated icon (Design & layout). Default interaction: `hover-replay`.
+ *
+ * Keywords: design & layout, layout.
+ *
+ * ![Layout](https://useanimations.com/icons/layout/layout.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { layout } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={layout} />
+ */
+export declare const layout: Animation;
+
+/**
+ * **Life Buoy** animated icon (Maps & location). Default interaction: `hover-replay`.
+ *
+ * Keywords: buoy, life, life-buoy, maps & location.
+ *
+ * ![Life Buoy](https://useanimations.com/icons/life-buoy/life-buoy.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { lifeBuoy } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={lifeBuoy} />
+ */
+export declare const lifeBuoy: Animation;
+
+/**
+ * **Link** animated icon (Action). Default interaction: `click-replay`.
+ *
+ * Keywords: action, link.
+ *
+ * ![Link](https://useanimations.com/icons/link/link.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { link } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={link} />
+ */
+export declare const link: Animation;
+
+/**
+ * **Link 2** animated icon (Action). Default interaction: `click-replay`.
+ *
+ * Keywords: 2, action, link, link-2.
+ *
+ * ![Link 2](https://useanimations.com/icons/link-2/link-2.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { link2 } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={link2} />
+ */
+export declare const link2: Animation;
+
+/**
+ * **Linkedin** animated icon (Social media). Default interaction: `hover-loop`.
+ *
+ * Keywords: linkedin, social media.
+ *
+ * ![Linkedin](https://useanimations.com/icons/linkedin/linkedin.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { linkedin } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={linkedin} />
+ */
+export declare const linkedin: Animation;
+
+/**
+ * **List** animated icon (Text editing). Default interaction: `hover-replay`.
+ *
+ * Keywords: list, text editing.
+ *
+ * ![List](https://useanimations.com/icons/list/list.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { list } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={list} />
+ */
+export declare const list: Animation;
+
+/**
+ * **Loading circular** animated icon (Loading). Default interaction: `loop`.
+ *
+ * Keywords: circular, loader, loading, progress, spinner.
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { loading } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={loading} />
+ */
+export declare const loading: Animation;
+
+/**
+ * **Loading V2** animated icon (Loading). Default interaction: `loop`.
+ *
+ * Keywords: loader, loading, progress, spinner.
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { loading2 } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={loading2} />
+ */
+export declare const loading2: Animation;
+
+/**
+ * **Loading V3** animated icon (Loading). Default interaction: `loop`.
+ *
+ * Keywords: loader, loading, progress, spinner.
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { loading3 } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={loading3} />
+ */
+export declare const loading3: Animation;
+
+/**
+ * **Loading V4** animated icon (Loading). Default interaction: `loop`.
+ *
+ * Keywords: loader, loading, loadingv4, progress, spinner.
+ *
+ * ![Loading V4](https://useanimations.com/icons/loading-v4/loadingv4.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { loading4 } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={loading4} />
+ */
+export declare const loading4: Animation;
+
+/**
+ * **Lock / Unlock** animated icon (Action). Default interaction: `click-toggle`.
+ *
+ * Keywords: action, lock, password, security, unlock.
+ *
+ * ![Lock / Unlock](https://useanimations.com/icons/lock/lock.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { lock } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={lock} />
+ */
+export declare const lock: Animation;
+
+/**
+ * **Log In** animated icon (Navigation). Default interaction: `click-replay`.
+ *
+ * Keywords: in, log, log-in, navigation.
+ *
+ * ![Log In](https://useanimations.com/icons/log-in/log-in.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { logIn } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={logIn} />
+ */
+export declare const logIn: Animation;
+
+/**
+ * **Log Out** animated icon (Navigation). Default interaction: `click-replay`.
+ *
+ * Keywords: log, log-out, navigation, out.
+ *
+ * ![Log Out](https://useanimations.com/icons/log-out/log-out.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { logOut } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={logOut} />
+ */
+export declare const logOut: Animation;
+
+/**
+ * **Mail** animated icon (Content). Default interaction: `hover`.
+ *
+ * Keywords: content, email, envelope, mail, message.
+ *
+ * ![Mail](https://useanimations.com/icons/mail/mail.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { mail } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={mail} />
+ */
+export declare const mail: Animation;
+
+/**
+ * **Map** animated icon (Maps & location). Default interaction: `hover-replay`.
+ *
+ * Keywords: map, maps & location.
+ *
+ * ![Map](https://useanimations.com/icons/map/map.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { map } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={map} />
+ */
+export declare const map: Animation;
+
+/**
+ * **Map Pin** animated icon (Maps & location). Default interaction: `hover-replay`.
+ *
+ * Keywords: map, map-pin, maps & location, pin.
+ *
+ * ![Map Pin](https://useanimations.com/icons/map-pin/map-pin.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { mapPin } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={mapPin} />
+ */
+export declare const mapPin: Animation;
+
+/**
+ * **Maximize 2** animated icon (Action). Default interaction: `hover-replay`.
+ *
+ * Keywords: 2, action, maximize, maximize-2.
+ *
+ * ![Maximize 2](https://useanimations.com/icons/maximize-2/maximize-2.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { maximize2 } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={maximize2} />
+ */
+export declare const maximize2: Animation;
+
+/**
+ * **Maxi/Minimize** animated icon (Action). Default interaction: `click-toggle`.
+ *
+ * Keywords: action, collapse, expand, fullscreen, maxi, maximize, minimize.
+ *
+ * ![Maxi/Minimize](https://useanimations.com/icons/maximize-minimize/maximize.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { maximizeMinimize } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={maximizeMinimize} />
+ */
+export declare const maximizeMinimize: Animation;
+
+/**
+ * **Maxi/Minimize V2** animated icon (Action). Default interaction: `click-toggle`.
+ *
+ * Keywords: action, collapse, expand, fullscreen, maxi, maximize-2, minimize, minimize-2.
+ *
+ * ![Maxi/Minimize V2](https://useanimations.com/icons/maximize-minimize-v2/maximize-2.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { maximizeMinimize2 } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={maximizeMinimize2} />
+ */
+export declare const maximizeMinimize2: Animation;
+
+/**
+ * **Meh** animated icon (Other). Default interaction: `hover-replay`.
+ *
+ * Keywords: meh, other.
+ *
+ * ![Meh](https://useanimations.com/icons/meh/meh.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { meh } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={meh} />
+ */
+export declare const meh: Animation;
+
+/**
+ * **Burger Menu** animated icon (Navigation). Default interaction: `click-toggle`.
+ *
+ * Keywords: burger, close, hamburger, menu, navigation.
+ *
+ * ![Burger Menu](https://useanimations.com/icons/menu/menu.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { menu } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={menu} />
+ */
+export declare const menu: Animation;
+
+/**
+ * **Menu V2** animated icon (Navigation). Default interaction: `click-toggle`.
+ *
+ * Keywords: close, hamburger, menu, navigation.
+ *
+ * ![Menu V2](https://useanimations.com/icons/menu-v2/menu.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { menu2 } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={menu2} />
+ */
+export declare const menu2: Animation;
+
+/**
+ * **Menu V3** animated icon (Navigation). Default interaction: `click-toggle`.
+ *
+ * Keywords: close, hamburger, menu, navigation.
+ *
+ * ![Menu V3](https://useanimations.com/icons/menu-v3/menu.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { menu3 } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={menu3} />
+ */
+export declare const menu3: Animation;
+
+/**
+ * **Menu V4** animated icon (Navigation). Default interaction: `click-toggle`.
+ *
+ * Keywords: close, hamburger, menu, navigation.
+ *
+ * ![Menu V4](https://useanimations.com/icons/menu-v4/menu.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { menu4 } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={menu4} />
+ */
+export declare const menu4: Animation;
+
+/**
+ * **Message Circle** animated icon (Communication). Default interaction: `hover-replay`.
+ *
+ * Keywords: circle, communication, message, message-circle.
+ *
+ * ![Message Circle](https://useanimations.com/icons/message-circle/message-circle.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { messageCircle } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={messageCircle} />
+ */
+export declare const messageCircle: Animation;
+
+/**
+ * **Message Square** animated icon (Communication). Default interaction: `hover-replay`.
+ *
+ * Keywords: communication, message, message-square, square.
+ *
+ * ![Message Square](https://useanimations.com/icons/message-square/message-square.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { messageSquare } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={messageSquare} />
+ */
+export declare const messageSquare: Animation;
+
+/**
+ * **Mic Off** animated icon (Media). Default interaction: `click-toggle`.
+ *
+ * Keywords: media, mic, mic-off, mic-off-off, off.
+ *
+ * ![Mic Off](https://useanimations.com/icons/mic-off/mic-off-off.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { micOff } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={micOff} />
+ */
+export declare const micOff: Animation;
+
+/**
+ * **Microphone** animated icon (Media). Default interaction: `click-toggle`.
+ *
+ * Keywords: audio, media, mic, mic-off, microphone, mute, record.
+ *
+ * ![Microphone](https://useanimations.com/icons/microphone/mic-off.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { microphone } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={microphone} />
+ */
+export declare const microphone: Animation;
+
+/**
+ * **Microphone V2** animated icon (Media). Default interaction: `click-toggle`.
+ *
+ * Keywords: audio, media, mic, mic-off, microphone, mute, record.
+ *
+ * ![Microphone V2](https://useanimations.com/icons/microphone-v2/mic-off.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { microphone2 } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={microphone2} />
+ */
+export declare const microphone2: Animation;
+
+/**
+ * **Minimize 2** animated icon (Action). Default interaction: `hover-replay`.
+ *
+ * Keywords: 2, action, minimize, minimize-2.
+ *
+ * ![Minimize 2](https://useanimations.com/icons/minimize-2/minimize-2.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { minimize2 } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={minimize2} />
+ */
+export declare const minimize2: Animation;
+
+/**
+ * **Minus** animated icon (Action). Default interaction: `click-replay`.
+ *
+ * Keywords: action, minus.
+ *
+ * ![Minus](https://useanimations.com/icons/minus/minus.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { minus } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={minus} />
+ */
+export declare const minus: Animation;
+
+/**
+ * **Minus Circle** animated icon (Action). Default interaction: `click-replay`.
+ *
+ * Keywords: action, circle, minus, minus-circle.
+ *
+ * ![Minus Circle](https://useanimations.com/icons/minus-circle/minus-circle.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { minusCircle } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={minusCircle} />
+ */
+export declare const minusCircle: Animation;
+
+/**
+ * **Minus Square** animated icon (Action). Default interaction: `click-replay`.
+ *
+ * Keywords: action, minus, minus-square, square.
+ *
+ * ![Minus Square](https://useanimations.com/icons/minus-square/minus-square.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { minusSquare } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={minusSquare} />
+ */
+export declare const minusSquare: Animation;
+
+/**
+ * **Monitor** animated icon (Devices). Default interaction: `hover-replay`.
+ *
+ * Keywords: devices, monitor.
+ *
+ * ![Monitor](https://useanimations.com/icons/monitor/monitor.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { monitor } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={monitor} />
+ */
+export declare const monitor: Animation;
+
+/**
+ * **Moon** animated icon (Weather). Default interaction: `hover-replay`.
+ *
+ * Keywords: moon, weather.
+ *
+ * ![Moon](https://useanimations.com/icons/moon/moon.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { moon } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={moon} />
+ */
+export declare const moon: Animation;
+
+/**
+ * **More Horizontal** animated icon (Navigation). Default interaction: `loop`.
+ *
+ * Keywords: horizontal, more, more-horizontal, navigation.
+ *
+ * ![More Horizontal](https://useanimations.com/icons/more-horizontal/more-horizontal.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { moreHorizontal } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={moreHorizontal} />
+ */
+export declare const moreHorizontal: Animation;
+
+/**
+ * **More Vertical** animated icon (Navigation). Default interaction: `loop`.
+ *
+ * Keywords: more, more-vertical, navigation, vertical.
+ *
+ * ![More Vertical](https://useanimations.com/icons/more-vertical/more-vertical.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { moreVertical } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={moreVertical} />
+ */
+export declare const moreVertical: Animation;
+
+/**
+ * **Mouse Pointer** animated icon (Design & layout). Default interaction: `click-replay`.
+ *
+ * Keywords: design & layout, mouse, mouse-pointer, pointer.
+ *
+ * ![Mouse Pointer](https://useanimations.com/icons/mouse-pointer/mouse-pointer.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { mousePointer } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={mousePointer} />
+ */
+export declare const mousePointer: Animation;
+
+/**
+ * **Move** animated icon (Design & layout). Default interaction: `hover-replay`.
+ *
+ * Keywords: design & layout, move.
+ *
+ * ![Move](https://useanimations.com/icons/move/move.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { move } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={move} />
+ */
+export declare const move: Animation;
+
+/**
+ * **Music** animated icon (Media). Default interaction: `hover-replay`.
+ *
+ * Keywords: media, music.
+ *
+ * ![Music](https://useanimations.com/icons/music/music.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { music } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={music} />
+ */
+export declare const music: Animation;
+
+/**
+ * **Navigation** animated icon (Maps & location). Default interaction: `hover-replay`.
+ *
+ * Keywords: maps & location, navigation.
+ *
+ * ![Navigation](https://useanimations.com/icons/navigation/navigation.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { navigation } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={navigation} />
+ */
+export declare const navigation: Animation;
+
+/**
+ * **Navigation 2** animated icon (Maps & location). Default interaction: `hover-replay`.
+ *
+ * Keywords: 2, maps & location, navigation, navigation-2.
+ *
+ * ![Navigation 2](https://useanimations.com/icons/navigation-2/navigation-2.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { navigation2 } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={navigation2} />
+ */
+export declare const navigation2: Animation;
+
+/**
+ * **Notification** animated icon (Notifications). Default interaction: `click-toggle`.
+ *
+ * Keywords: alert, bell, bell-off, mute, notification, notifications.
+ *
+ * ![Notification](https://useanimations.com/icons/notification/bell-off.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { notification } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={notification} />
+ */
+export declare const notification: Animation;
+
+/**
+ * **Notification V2** animated icon (Notifications). Default interaction: `click-toggle`.
+ *
+ * Keywords: alert, bell, bell-off, mute, notification, notifications.
+ *
+ * ![Notification V2](https://useanimations.com/icons/notification-v2/bell-off.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { notification2 } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={notification2} />
+ */
+export declare const notification2: Animation;
+
+/**
+ * **Notification V3** animated icon (Notifications). Default interaction: `loop`.
+ *
+ * Keywords: alert, bell, mute, notification, notifications.
+ *
+ * ![Notification V3](https://useanimations.com/icons/notification-v3/bell.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { notification3 } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={notification3} />
+ */
+export declare const notification3: Animation;
+
+/**
+ * **Notification V4** animated icon (Notifications). Default interaction: `loop`.
+ *
+ * Keywords: alert, bell, mute, notification, notifications.
+ *
+ * ![Notification V4](https://useanimations.com/icons/notification-v4/bell.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { notification4 } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={notification4} />
+ */
+export declare const notification4: Animation;
+
+/**
+ * **Octagon** animated icon (Shapes & math). Default interaction: `hover-replay`.
+ *
+ * Keywords: octagon, shapes & math.
+ *
+ * ![Octagon](https://useanimations.com/icons/octagon/octagon.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { octagon } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={octagon} />
+ */
+export declare const octagon: Animation;
+
+/**
+ * **Package** animated icon (Commerce). Default interaction: `hover-replay`.
+ *
+ * Keywords: commerce, package.
+ *
+ * ![Package](https://useanimations.com/icons/package/package.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { packageIcon } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={packageIcon} />
+ */
+export declare const packageIcon: Animation;
+
+/**
+ * **Paperclip** animated icon (Content). Default interaction: `hover-replay`.
+ *
+ * Keywords: content, paperclip.
+ *
+ * ![Paperclip](https://useanimations.com/icons/paperclip/paperclip.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { paperclip } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={paperclip} />
+ */
+export declare const paperclip: Animation;
+
+/**
+ * **Pen Tool** animated icon (Design & layout). Default interaction: `hover-replay`.
+ *
+ * Keywords: design & layout, pen, pen-tool, tool.
+ *
+ * ![Pen Tool](https://useanimations.com/icons/pen-tool/pen-tool.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { penTool } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={penTool} />
+ */
+export declare const penTool: Animation;
+
+/**
+ * **Percent** animated icon (Commerce). Default interaction: `hover-replay`.
+ *
+ * Keywords: commerce, percent.
+ *
+ * ![Percent](https://useanimations.com/icons/percent/percent.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { percent } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={percent} />
+ */
+export declare const percent: Animation;
+
+/**
+ * **Phone** animated icon (Communication). Default interaction: `click-replay`.
+ *
+ * Keywords: communication, phone.
+ *
+ * ![Phone](https://useanimations.com/icons/phone/phone.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { phone } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={phone} />
+ */
+export declare const phone: Animation;
+
+/**
+ * **Phone Call** animated icon (Communication). Default interaction: `click-replay`.
+ *
+ * Keywords: call, communication, phone, phone-call.
+ *
+ * ![Phone Call](https://useanimations.com/icons/phone-call/phone-call.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { phoneCall } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={phoneCall} />
+ */
+export declare const phoneCall: Animation;
+
+/**
+ * **Phone Forwarded** animated icon (Communication). Default interaction: `hover-replay`.
+ *
+ * Keywords: communication, forwarded, phone, phone-forwarded.
+ *
+ * ![Phone Forwarded](https://useanimations.com/icons/phone-forwarded/phone-forwarded.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { phoneForwarded } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={phoneForwarded} />
+ */
+export declare const phoneForwarded: Animation;
+
+/**
+ * **Phone Incoming** animated icon (Communication). Default interaction: `hover-replay`.
+ *
+ * Keywords: communication, incoming, phone, phone-incoming.
+ *
+ * ![Phone Incoming](https://useanimations.com/icons/phone-incoming/phone-incoming.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { phoneIncoming } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={phoneIncoming} />
+ */
+export declare const phoneIncoming: Animation;
+
+/**
+ * **Phone Missed** animated icon (Communication). Default interaction: `hover-replay`.
+ *
+ * Keywords: communication, missed, phone, phone-missed.
+ *
+ * ![Phone Missed](https://useanimations.com/icons/phone-missed/phone-missed.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { phoneMissed } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={phoneMissed} />
+ */
+export declare const phoneMissed: Animation;
+
+/**
+ * **Phone Off** animated icon (Communication). Default interaction: `click-toggle`.
+ *
+ * Keywords: communication, off, phone, phone-off, phone-off-off.
+ *
+ * ![Phone Off](https://useanimations.com/icons/phone-off/phone-off-off.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { phoneOff } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={phoneOff} />
+ */
+export declare const phoneOff: Animation;
+
+/**
+ * **Phone Outgoing** animated icon (Communication). Default interaction: `hover-replay`.
+ *
+ * Keywords: communication, outgoing, phone, phone-outgoing.
+ *
+ * ![Phone Outgoing](https://useanimations.com/icons/phone-outgoing/phone-outgoing.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { phoneOutgoing } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={phoneOutgoing} />
+ */
+export declare const phoneOutgoing: Animation;
+
+/**
+ * **Pie Chart** animated icon (Charts). Default interaction: `hover-replay`.
+ *
+ * Keywords: chart, charts, pie, pie-chart.
+ *
+ * ![Pie Chart](https://useanimations.com/icons/pie-chart/pie-chart.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { pieChart } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={pieChart} />
+ */
+export declare const pieChart: Animation;
+
+/**
+ * **Play/Pause** animated icon (Media). Default interaction: `click-toggle`.
+ *
+ * Keywords: media, pause, play, player.
+ *
+ * ![Play/Pause](https://useanimations.com/icons/play-pause/pause.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { playPause } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={playPause} />
+ */
+export declare const playPause: Animation;
+
+/**
+ * **Play/Pause circle** animated icon (Media). Default interaction: `click-toggle`.
+ *
+ * Keywords: circle, media, pause, pause-circle, play, play-circle, player.
+ *
+ * ![Play/Pause circle](https://useanimations.com/icons/play-pause-circle/pause-circle.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { playPauseCircle } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={playPauseCircle} />
+ */
+export declare const playPauseCircle: Animation;
+
+/**
+ * **Plus Circle** animated icon (Action). Default interaction: `click-replay`.
+ *
+ * Keywords: action, circle, plus, plus-circle.
+ *
+ * ![Plus Circle](https://useanimations.com/icons/plus-circle/plus-circle.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { plusCircle } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={plusCircle} />
+ */
+export declare const plusCircle: Animation;
+
+/**
+ * **Plus Square** animated icon (Action). Default interaction: `click-replay`.
+ *
+ * Keywords: action, plus, plus-square, square.
+ *
+ * ![Plus Square](https://useanimations.com/icons/plus-square/plus-square.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { plusSquare } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={plusSquare} />
+ */
+export declare const plusSquare: Animation;
+
+/**
+ * **Plus/X** animated icon (Action). Default interaction: `click-toggle`.
+ *
+ * Keywords: action, add, close, expand, plus, x.
+ *
+ * ![Plus/X](https://useanimations.com/icons/plus-to-x/plus.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { plusToX } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={plusToX} />
+ */
+export declare const plusToX: Animation;
+
+/**
+ * **Pocket** animated icon (Social media). Default interaction: `hover-loop`.
+ *
+ * Keywords: pocket, social media.
+ *
+ * ![Pocket](https://useanimations.com/icons/pocket/pocket.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { pocket } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={pocket} />
+ */
+export declare const pocket: Animation;
+
+/**
+ * **Power** animated icon (Action). Default interaction: `click-replay`.
+ *
+ * Keywords: action, power.
+ *
+ * ![Power](https://useanimations.com/icons/power/power.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { power } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={power} />
+ */
+export declare const power: Animation;
+
+/**
+ * **Printer** animated icon (Devices). Default interaction: `click-replay`.
+ *
+ * Keywords: devices, printer.
+ *
+ * ![Printer](https://useanimations.com/icons/printer/printer.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { printer } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={printer} />
+ */
+export declare const printer: Animation;
+
+/**
+ * **Radio** animated icon (Media). Default interaction: `hover-replay`.
+ *
+ * Keywords: media, radio.
+ *
+ * ![Radio](https://useanimations.com/icons/radio/radio.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { radio } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={radio} />
+ */
+export declare const radio: Animation;
+
+/**
+ * **Radio button** animated icon (Form). Default interaction: `click-toggle`.
+ *
+ * Keywords: button, check-circle, form, radio, select.
+ *
+ * ![Radio button](https://useanimations.com/icons/radio-button/check-circle.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { radioButton } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={radioButton} />
+ */
+export declare const radioButton: Animation;
+
+/**
+ * **Refresh** animated icon (Action). Default interaction: `click-replay`.
+ *
+ * Keywords: action, refresh, reload, sync.
+ *
+ * ![Refresh](https://useanimations.com/icons/refresh/refresh.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { refresh } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={refresh} />
+ */
+export declare const refresh: Animation;
+
+/**
+ * **Refresh V2** animated icon (Action). Default interaction: `click-replay`.
+ *
+ * Keywords: action, refresh, refresh-v2, reload, sync.
+ *
+ * ![Refresh V2](https://useanimations.com/icons/refresh-v2/refresh-v2.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { refresh2 } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={refresh2} />
+ */
+export declare const refresh2: Animation;
+
+/**
+ * **Refresh Ccw** animated icon (Action). Default interaction: `click-replay`.
+ *
+ * Keywords: action, ccw, refresh, refresh-ccw, reload, sync.
+ *
+ * ![Refresh Ccw](https://useanimations.com/icons/refresh-ccw/refresh-ccw.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { refreshCcw } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={refreshCcw} />
+ */
+export declare const refreshCcw: Animation;
+
+/**
+ * **Repeat** animated icon (Media). Default interaction: `click-replay`.
+ *
+ * Keywords: media, repeat.
+ *
+ * ![Repeat](https://useanimations.com/icons/repeat/repeat.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { repeat } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={repeat} />
+ */
+export declare const repeat: Animation;
+
+/**
+ * **Rewind** animated icon (Media). Default interaction: `hover-replay`.
+ *
+ * Keywords: media, rewind.
+ *
+ * ![Rewind](https://useanimations.com/icons/rewind/rewind.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { rewind } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={rewind} />
+ */
+export declare const rewind: Animation;
+
+/**
+ * **Rotate Ccw** animated icon (Action). Default interaction: `click-replay`.
+ *
+ * Keywords: action, ccw, rotate, rotate-ccw.
+ *
+ * ![Rotate Ccw](https://useanimations.com/icons/rotate-ccw/rotate-ccw.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { rotateCcw } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={rotateCcw} />
+ */
+export declare const rotateCcw: Animation;
+
+/**
+ * **Rotate Cw** animated icon (Action). Default interaction: `click-replay`.
+ *
+ * Keywords: action, cw, rotate, rotate-cw.
+ *
+ * ![Rotate Cw](https://useanimations.com/icons/rotate-cw/rotate-cw.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { rotateCw } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={rotateCw} />
+ */
+export declare const rotateCw: Animation;
+
+/**
+ * **RSS** animated icon (Communication). Default interaction: `hover-replay`.
+ *
+ * Keywords: communication, rss.
+ *
+ * ![RSS](https://useanimations.com/icons/rss/rss.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { rss } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={rss} />
+ */
+export declare const rss: Animation;
+
+/**
+ * **Save** animated icon (Action). Default interaction: `click-replay`.
+ *
+ * Keywords: action, save.
+ *
+ * ![Save](https://useanimations.com/icons/save/save.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { save } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={save} />
+ */
+export declare const save: Animation;
+
+/**
+ * **Scissors** animated icon (Design & layout). Default interaction: `click-replay`.
+ *
+ * Keywords: design & layout, scissors.
+ *
+ * ![Scissors](https://useanimations.com/icons/scissors/scissors.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { scissors } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={scissors} />
+ */
+export declare const scissors: Animation;
+
+/**
+ * **Scroll down** animated icon (Other). Default interaction: `loop`.
+ *
+ * Keywords: down, indicator, mouse, other, scroll, scrolldown.
+ *
+ * ![Scroll down](https://useanimations.com/icons/scroll-down/scrolldown.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { scrollDown } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={scrollDown} />
+ */
+export declare const scrollDown: Animation;
+
+/**
+ * **Search/X** animated icon (Action). Default interaction: `click-toggle`.
+ *
+ * Keywords: action, clear, close, search, x.
+ *
+ * ![Search/X](https://useanimations.com/icons/search-to-x/search.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { searchToX } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={searchToX} />
+ */
+export declare const searchToX: Animation;
+
+/**
+ * **Send** animated icon (Communication). Default interaction: `click-replay`.
+ *
+ * Keywords: communication, send.
+ *
+ * ![Send](https://useanimations.com/icons/send/send.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { send } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={send} />
+ */
+export declare const send: Animation;
+
+/**
+ * **Server** animated icon (Development). Default interaction: `hover-replay`.
+ *
+ * Keywords: development, server.
+ *
+ * ![Server](https://useanimations.com/icons/server/server.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { server } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={server} />
+ */
+export declare const server: Animation;
+
+/**
+ * **Settings** animated icon (Action). Default interaction: `hover`.
+ *
+ * Keywords: action, cog, gear, preferences, settings.
+ *
+ * ![Settings](https://useanimations.com/icons/settings/settings.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { settings } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={settings} />
+ */
+export declare const settings: Animation;
+
+/**
+ * **Settings V2** animated icon (Action). Default interaction: `click-toggle`.
+ *
+ * Keywords: action, cog, gear, preferences, settings, sliders.
+ *
+ * ![Settings V2](https://useanimations.com/icons/settings-v2/sliders.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { settings2 } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={settings2} />
+ */
+export declare const settings2: Animation;
+
+/**
+ * **Share** animated icon (Content). Default interaction: `hover`.
+ *
+ * Keywords: content, send, share, social.
+ *
+ * ![Share](https://useanimations.com/icons/share/share.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { share } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={share} />
+ */
+export declare const share: Animation;
+
+/**
+ * **Shield** animated icon (Action). Default interaction: `hover-replay`.
+ *
+ * Keywords: action, shield.
+ *
+ * ![Shield](https://useanimations.com/icons/shield/shield.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { shield } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={shield} />
+ */
+export declare const shield: Animation;
+
+/**
+ * **Shield Off** animated icon (Action). Default interaction: `click-toggle`.
+ *
+ * Keywords: action, off, shield, shield-off, shield-off-off.
+ *
+ * ![Shield Off](https://useanimations.com/icons/shield-off/shield-off-off.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { shieldOff } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={shieldOff} />
+ */
+export declare const shieldOff: Animation;
+
+/**
+ * **Shopping Bag** animated icon (Commerce). Default interaction: `hover-replay`.
+ *
+ * Keywords: bag, commerce, shopping, shopping-bag.
+ *
+ * ![Shopping Bag](https://useanimations.com/icons/shopping-bag/shopping-bag.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { shoppingBag } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={shoppingBag} />
+ */
+export declare const shoppingBag: Animation;
+
+/**
+ * **Shopping Cart** animated icon (Commerce). Default interaction: `click-replay`.
+ *
+ * Keywords: cart, commerce, shopping, shopping-cart.
+ *
+ * ![Shopping Cart](https://useanimations.com/icons/shopping-cart/shopping-cart.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { shoppingCart } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={shoppingCart} />
+ */
+export declare const shoppingCart: Animation;
+
+/**
+ * **Shuffle** animated icon (Media). Default interaction: `click-replay`.
+ *
+ * Keywords: media, shuffle.
+ *
+ * ![Shuffle](https://useanimations.com/icons/shuffle/shuffle.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { shuffle } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={shuffle} />
+ */
+export declare const shuffle: Animation;
+
+/**
+ * **Sidebar** animated icon (Navigation). Default interaction: `hover-replay`.
+ *
+ * Keywords: navigation, sidebar.
+ *
+ * ![Sidebar](https://useanimations.com/icons/sidebar/sidebar.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { sidebar } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={sidebar} />
+ */
+export declare const sidebar: Animation;
+
+/**
+ * **Skip back** animated icon (Media). Default interaction: `click-replay`.
+ *
+ * Keywords: back, media, next, player, previous, skip, skip-back.
+ *
+ * ![Skip back](https://useanimations.com/icons/skip-back/skip-back.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { skipBack } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={skipBack} />
+ */
+export declare const skipBack: Animation;
+
+/**
+ * **Skip forward** animated icon (Media). Default interaction: `click-replay`.
+ *
+ * Keywords: forward, media, next, player, previous, skip, skip-forward.
+ *
+ * ![Skip forward](https://useanimations.com/icons/skip-forward/skip-forward.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { skipForward } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={skipForward} />
+ */
+export declare const skipForward: Animation;
+
+/**
+ * **Slack** animated icon (Social media). Default interaction: `hover-replay`.
+ *
+ * Keywords: slack, social media.
+ *
+ * ![Slack](https://useanimations.com/icons/slack/slack.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { slack } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={slack} />
+ */
+export declare const slack: Animation;
+
+/**
+ * **Slash** animated icon (Action). Default interaction: `hover-replay`.
+ *
+ * Keywords: action, slash.
+ *
+ * ![Slash](https://useanimations.com/icons/slash/slash.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { slash } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={slash} />
+ */
+export declare const slash: Animation;
+
+/**
+ * **Smartphone** animated icon (Devices). Default interaction: `hover-replay`.
+ *
+ * Keywords: devices, smartphone.
+ *
+ * ![Smartphone](https://useanimations.com/icons/smartphone/smartphone.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { smartphone } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={smartphone} />
+ */
+export declare const smartphone: Animation;
+
+/**
+ * **Smile** animated icon (Other). Default interaction: `hover-replay`.
+ *
+ * Keywords: other, smile.
+ *
+ * ![Smile](https://useanimations.com/icons/smile/smile.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { smile } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={smile} />
+ */
+export declare const smile: Animation;
+
+/**
+ * **Speaker** animated icon (Media). Default interaction: `hover-replay`.
+ *
+ * Keywords: media, speaker.
+ *
+ * ![Speaker](https://useanimations.com/icons/speaker/speaker.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { speaker } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={speaker} />
+ */
+export declare const speaker: Animation;
+
+/**
+ * **Square** animated icon (Shapes & math). Default interaction: `hover-replay`.
+ *
+ * Keywords: shapes & math, square.
+ *
+ * ![Square](https://useanimations.com/icons/square/square.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { square } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={square} />
+ */
+export declare const square: Animation;
+
+/**
+ * **Star** animated icon (Action). Default interaction: `click-toggle`.
+ *
+ * Keywords: action, favorite, rating, star.
+ *
+ * ![Star](https://useanimations.com/icons/star/star.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { star } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={star} />
+ */
+export declare const star: Animation;
+
+/**
+ * **Stop Circle** animated icon (Media). Default interaction: `click-replay`.
+ *
+ * Keywords: circle, media, stop, stop-circle.
+ *
+ * ![Stop Circle](https://useanimations.com/icons/stop-circle/stop-circle.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { stopCircle } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={stopCircle} />
+ */
+export declare const stopCircle: Animation;
+
+/**
+ * **Sun** animated icon (Weather). Default interaction: `hover-replay`.
+ *
+ * Keywords: sun, weather.
+ *
+ * ![Sun](https://useanimations.com/icons/sun/sun.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { sun } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={sun} />
+ */
+export declare const sun: Animation;
+
+/**
+ * **Sunrise** animated icon (Weather). Default interaction: `hover-replay`.
+ *
+ * Keywords: sunrise, weather.
+ *
+ * ![Sunrise](https://useanimations.com/icons/sunrise/sunrise.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { sunrise } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={sunrise} />
+ */
+export declare const sunrise: Animation;
+
+/**
+ * **Sunset** animated icon (Weather). Default interaction: `hover-replay`.
+ *
+ * Keywords: sunset, weather.
+ *
+ * ![Sunset](https://useanimations.com/icons/sunset/sunset.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { sunset } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={sunset} />
+ */
+export declare const sunset: Animation;
+
+/**
+ * **Table** animated icon (Design & layout). Default interaction: `hover-replay`.
+ *
+ * Keywords: design & layout, table.
+ *
+ * ![Table](https://useanimations.com/icons/table/table.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { table } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={table} />
+ */
+export declare const table: Animation;
+
+/**
+ * **Tablet** animated icon (Devices). Default interaction: `hover-replay`.
+ *
+ * Keywords: devices, tablet.
+ *
+ * ![Tablet](https://useanimations.com/icons/tablet/tablet.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { tablet } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={tablet} />
+ */
+export declare const tablet: Animation;
+
+/**
+ * **Tag** animated icon (Commerce). Default interaction: `hover-replay`.
+ *
+ * Keywords: commerce, tag.
+ *
+ * ![Tag](https://useanimations.com/icons/tag/tag.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { tag } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={tag} />
+ */
+export declare const tag: Animation;
+
+/**
+ * **Target** animated icon (Maps & location). Default interaction: `hover-replay`.
+ *
+ * Keywords: maps & location, target.
+ *
+ * ![Target](https://useanimations.com/icons/target/target.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { target } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={target} />
+ */
+export declare const target: Animation;
+
+/**
+ * **Telegram** animated icon (Social media). Default interaction: `hover-loop`.
+ *
+ * Keywords: chat, messenger, paper plane, social media, telegram.
+ *
+ * ![Telegram](https://useanimations.com/icons/telegram/telegram.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { telegram } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={telegram} />
+ */
+export declare const telegram: Animation;
+
+/**
+ * **Terminal** animated icon (Development). Default interaction: `loop`.
+ *
+ * Keywords: development, terminal.
+ *
+ * ![Terminal](https://useanimations.com/icons/terminal/terminal.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { terminal } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={terminal} />
+ */
+export declare const terminal: Animation;
+
+/**
+ * **Thermometer** animated icon (Weather). Default interaction: `hover-replay`.
+ *
+ * Keywords: thermometer, weather.
+ *
+ * ![Thermometer](https://useanimations.com/icons/thermometer/thermometer.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { thermometer } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={thermometer} />
+ */
+export declare const thermometer: Animation;
+
+/**
+ * **Thumbs Down** animated icon (Action). Default interaction: `click-replay`.
+ *
+ * Keywords: action, down, thumbs, thumbs-down.
+ *
+ * ![Thumbs Down](https://useanimations.com/icons/thumbs-down/thumbs-down.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { thumbsDown } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={thumbsDown} />
+ */
+export declare const thumbsDown: Animation;
+
+/**
+ * **Thumb up** animated icon (Action). Default interaction: `click-toggle`.
+ *
+ * Keywords: action, like, thumb, thumb-up, up, upvote.
+ *
+ * ![Thumb up](https://useanimations.com/icons/thumb-up/thumb-up.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { thumbUp } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={thumbUp} />
+ */
+export declare const thumbUp: Animation;
+
+/**
+ * **Toggle** animated icon (Form). Default interaction: `click-toggle`.
+ *
+ * Keywords: form, on off, switch, toggle, toggle-left, toggle-right.
+ *
+ * ![Toggle](https://useanimations.com/icons/toggle/toggle-left.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { toggle } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={toggle} />
+ */
+export declare const toggle: Animation;
+
+/**
+ * **Tool** animated icon (Other). Default interaction: `hover-replay`.
+ *
+ * Keywords: other, tool.
+ *
+ * ![Tool](https://useanimations.com/icons/tool/tool.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { tool } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={tool} />
+ */
+export declare const tool: Animation;
+
+/**
+ * **Trash** animated icon (Action). Default interaction: `hover`.
+ *
+ * Keywords: action, bin, delete, remove, trash.
+ *
+ * ![Trash](https://useanimations.com/icons/trash/trash.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { trash } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={trash} />
+ */
+export declare const trash: Animation;
+
+/**
+ * **Trash V2** animated icon (Action). Default interaction: `hover`.
+ *
+ * Keywords: action, bin, delete, remove, trash, trash-2.
+ *
+ * ![Trash V2](https://useanimations.com/icons/trash-v2/trash-2.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { trash2 } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={trash2} />
+ */
+export declare const trash2: Animation;
+
+/**
+ * **Trello** animated icon (Social media). Default interaction: `hover-replay`.
+ *
+ * Keywords: social media, trello.
+ *
+ * ![Trello](https://useanimations.com/icons/trello/trello.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { trello } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={trello} />
+ */
+export declare const trello: Animation;
+
+/**
+ * **Trending Down** animated icon (Charts). Default interaction: `hover-replay`.
+ *
+ * Keywords: charts, down, trending, trending-down.
+ *
+ * ![Trending Down](https://useanimations.com/icons/trending-down/trending-down.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { trendingDown } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={trendingDown} />
+ */
+export declare const trendingDown: Animation;
+
+/**
+ * **Trending Up** animated icon (Charts). Default interaction: `hover-replay`.
+ *
+ * Keywords: charts, trending, trending-up, up.
+ *
+ * ![Trending Up](https://useanimations.com/icons/trending-up/trending-up.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { trendingUp } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={trendingUp} />
+ */
+export declare const trendingUp: Animation;
+
+/**
+ * **Triangle** animated icon (Shapes & math). Default interaction: `hover-replay`.
+ *
+ * Keywords: shapes & math, triangle.
+ *
+ * ![Triangle](https://useanimations.com/icons/triangle/triangle.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { triangle } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={triangle} />
+ */
+export declare const triangle: Animation;
+
+/**
+ * **Truck** animated icon (Commerce). Default interaction: `hover-replay`.
+ *
+ * Keywords: commerce, truck.
+ *
+ * ![Truck](https://useanimations.com/icons/truck/truck.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { truck } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={truck} />
+ */
+export declare const truck: Animation;
+
+/**
+ * **TV** animated icon (Media). Default interaction: `hover-replay`.
+ *
+ * Keywords: media, tv.
+ *
+ * ![TV](https://useanimations.com/icons/tv/tv.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { tv } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={tv} />
+ */
+export declare const tv: Animation;
+
+/**
+ * **Twitch** animated icon (Social media). Default interaction: `hover-replay`.
+ *
+ * Keywords: social media, twitch.
+ *
+ * ![Twitch](https://useanimations.com/icons/twitch/twitch.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { twitch } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={twitch} />
+ */
+export declare const twitch: Animation;
+
+/**
+ * **Twitter** animated icon (Social media). Default interaction: `hover-loop`.
+ *
+ * Keywords: social media, twitter.
+ *
+ * ![Twitter](https://useanimations.com/icons/twitter/twitter.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { twitter } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={twitter} />
+ */
+export declare const twitter: Animation;
+
+/**
+ * **Twitter X** animated icon (Social media). Default interaction: `hover-replay`.
+ *
+ * Keywords: social media, twitter, twitter-x, x.
+ *
+ * ![Twitter X](https://useanimations.com/icons/twitter-x/twitter-x.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { twitterX } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={twitterX} />
+ */
+export declare const twitterX: Animation;
+
+/**
+ * **Type** animated icon (Text editing). Default interaction: `click-replay`.
+ *
+ * Keywords: text editing, type.
+ *
+ * ![Type](https://useanimations.com/icons/type/type.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { type } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={type} />
+ */
+export declare const type: Animation;
+
+/**
+ * **Umbrella** animated icon (Weather). Default interaction: `hover-replay`.
+ *
+ * Keywords: umbrella, weather.
+ *
+ * ![Umbrella](https://useanimations.com/icons/umbrella/umbrella.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { umbrella } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={umbrella} />
+ */
+export declare const umbrella: Animation;
+
+/**
+ * **Underline** animated icon (Text editing). Default interaction: `click-replay`.
+ *
+ * Keywords: text editing, underline.
+ *
+ * ![Underline](https://useanimations.com/icons/underline/underline.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { underline } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={underline} />
+ */
+export declare const underline: Animation;
+
+/**
+ * **Upload** animated icon (Action). Default interaction: `click-replay`.
+ *
+ * Keywords: action, upload.
+ *
+ * ![Upload](https://useanimations.com/icons/upload/upload.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { upload } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={upload} />
+ */
+export declare const upload: Animation;
+
+/**
+ * **Upload Cloud** animated icon (Action). Default interaction: `click-replay`.
+ *
+ * Keywords: action, cloud, upload, upload-cloud.
+ *
+ * ![Upload Cloud](https://useanimations.com/icons/upload-cloud/upload-cloud.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { uploadCloud } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={uploadCloud} />
+ */
+export declare const uploadCloud: Animation;
+
+/**
+ * **User** animated icon (Content). Default interaction: `hover-replay`.
+ *
+ * Keywords: account, content, person, profile, user.
+ *
+ * ![User](https://useanimations.com/icons/user/user.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { user } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={user} />
+ */
+export declare const user: Animation;
+
+/**
+ * **User Check** animated icon (Content). Default interaction: `click-replay`.
+ *
+ * Keywords: account, check, content, person, profile, user, user-check.
+ *
+ * ![User Check](https://useanimations.com/icons/user-check/user-check.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { userCheck } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={userCheck} />
+ */
+export declare const userCheck: Animation;
+
+/**
+ * **User minus** animated icon (Content). Default interaction: `hover`.
+ *
+ * Keywords: account, content, minus, person, profile, user, user-minus.
+ *
+ * ![User minus](https://useanimations.com/icons/user-minus/user-minus.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { userMinus } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={userMinus} />
+ */
+export declare const userMinus: Animation;
+
+/**
+ * **User plus** animated icon (Content). Default interaction: `hover`.
+ *
+ * Keywords: account, content, person, plus, profile, user, user-plus.
+ *
+ * ![User plus](https://useanimations.com/icons/user-plus/user-plus.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { userPlus } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={userPlus} />
+ */
+export declare const userPlus: Animation;
+
+/**
+ * **Users** animated icon (Content). Default interaction: `hover-replay`.
+ *
+ * Keywords: account, content, person, profile, users.
+ *
+ * ![Users](https://useanimations.com/icons/users/users.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { users } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={users} />
+ */
+export declare const users: Animation;
+
+/**
+ * **User X** animated icon (Content). Default interaction: `hover`.
+ *
+ * Keywords: account, content, person, profile, user, user-x, x.
+ *
+ * ![User X](https://useanimations.com/icons/user-x/user-x.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { userX } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={userX} />
+ */
+export declare const userX: Animation;
+
+/**
+ * **Video** animated icon (Media). Default interaction: `click-toggle`.
+ *
+ * Keywords: camera, media, video, video call, video-off.
+ *
+ * ![Video](https://useanimations.com/icons/video/video-off.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { video } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={video} />
+ */
+export declare const video: Animation;
+
+/**
+ * **Video V2** animated icon (Media). Default interaction: `click-toggle`.
+ *
+ * Keywords: camera, media, video, video call, video-off.
+ *
+ * ![Video V2](https://useanimations.com/icons/video-v2/video-off.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { video2 } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={video2} />
+ */
+export declare const video2: Animation;
+
+/**
+ * **Video Off** animated icon (Media). Default interaction: `click-toggle`.
+ *
+ * Keywords: camera, media, off, video, video call, video-off, video-off-off.
+ *
+ * ![Video Off](https://useanimations.com/icons/video-off/video-off-off.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { videoOff } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={videoOff} />
+ */
+export declare const videoOff: Animation;
+
+/**
+ * **Visibility** animated icon (Action). Default interaction: `click-toggle`.
+ *
+ * Keywords: action, eye, eye-off, hide, password, show, visibility.
+ *
+ * ![Visibility](https://useanimations.com/icons/visibility/eye-off.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { visibility } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={visibility} />
+ */
+export declare const visibility: Animation;
+
+/**
+ * **Visibility V2** animated icon (Action). Default interaction: `click-toggle`.
+ *
+ * Keywords: action, eye, eye-off, hide, password, show, visibility.
+ *
+ * ![Visibility V2](https://useanimations.com/icons/visibility-v2/eye-off.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { visibility2 } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={visibility2} />
+ */
+export declare const visibility2: Animation;
+
+/**
+ * **Visibility V3** animated icon (Action). Default interaction: `click-toggle`.
+ *
+ * Keywords: action, eye, eye-off, hide, password, show, visibility.
+ *
+ * ![Visibility V3](https://useanimations.com/icons/visibility-v3/eye-off.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { visibility3 } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={visibility3} />
+ */
+export declare const visibility3: Animation;
+
+/**
+ * **Voicemail** animated icon (Communication). Default interaction: `hover-replay`.
+ *
+ * Keywords: communication, voicemail.
+ *
+ * ![Voicemail](https://useanimations.com/icons/voicemail/voicemail.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { voicemail } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={voicemail} />
+ */
+export declare const voicemail: Animation;
+
+/**
+ * **Volume** animated icon (Media). Default interaction: `click-toggle`.
+ *
+ * Keywords: audio, media, mute, sound, speaker, volume, volume-1, volume-2, volume-x.
+ *
+ * ![Volume](https://useanimations.com/icons/volume/volume-1.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { volume } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={volume} />
+ */
+export declare const volume: Animation;
+
+/**
+ * **Watch** animated icon (Devices). Default interaction: `hover-replay`.
+ *
+ * Keywords: devices, watch.
+ *
+ * ![Watch](https://useanimations.com/icons/watch/watch.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { watch } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={watch} />
+ */
+export declare const watch: Animation;
+
+/**
+ * **WiFi** animated icon (Devices). Default interaction: `hover-replay`.
+ *
+ * Keywords: devices, wifi.
+ *
+ * ![WiFi](https://useanimations.com/icons/wifi/wifi.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { wifi } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={wifi} />
+ */
+export declare const wifi: Animation;
+
+/**
+ * **Wifi Off** animated icon (Devices). Default interaction: `click-toggle`.
+ *
+ * Keywords: devices, off, wifi, wifi-off, wifi-off-off.
+ *
+ * ![Wifi Off](https://useanimations.com/icons/wifi-off/wifi-off-off.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { wifiOff } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={wifiOff} />
+ */
+export declare const wifiOff: Animation;
+
+/**
+ * **Wind** animated icon (Weather). Default interaction: `hover-replay`.
+ *
+ * Keywords: weather, wind.
+ *
+ * ![Wind](https://useanimations.com/icons/wind/wind.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { wind } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={wind} />
+ */
+export declare const wind: Animation;
+
+/**
+ * **X Octagon** animated icon (Alerts). Default interaction: `click-replay`.
+ *
+ * Keywords: alerts, octagon, x, x-octagon.
+ *
+ * ![X Octagon](https://useanimations.com/icons/x-octagon/x-octagon.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { xOctagon } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={xOctagon} />
+ */
+export declare const xOctagon: Animation;
+
+/**
+ * **X Square** animated icon (Action). Default interaction: `click-replay`.
+ *
+ * Keywords: action, square, x, x-square.
+ *
+ * ![X Square](https://useanimations.com/icons/x-square/x-square.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { xSquare } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={xSquare} />
+ */
+export declare const xSquare: Animation;
+
+/**
+ * **YouTube** animated icon (Social media). Default interaction: `hover`.
+ *
+ * Keywords: social media, youtube.
+ *
+ * ![YouTube](https://useanimations.com/icons/youtube/youtube.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { youtube } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={youtube} />
+ */
+export declare const youtube: Animation;
+
+/**
+ * **YouTube V2** animated icon (Social media). Default interaction: `hover`.
+ *
+ * Keywords: social media, youtube, youtube-2.
+ *
+ * ![YouTube V2](https://useanimations.com/icons/youtube-v2/youtube-2.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { youtube2 } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={youtube2} />
+ */
+export declare const youtube2: Animation;
+
+/**
+ * **Zap** animated icon (Weather). Default interaction: `hover-replay`.
+ *
+ * Keywords: weather, zap.
+ *
+ * ![Zap](https://useanimations.com/icons/zap/zap.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { zap } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={zap} />
+ */
+export declare const zap: Animation;
+
+/**
+ * **Zap Off** animated icon (Weather). Default interaction: `click-toggle`.
+ *
+ * Keywords: off, weather, zap, zap-off, zap-off-off.
+ *
+ * ![Zap Off](https://useanimations.com/icons/zap-off/zap-off-off.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { zapOff } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={zapOff} />
+ */
+export declare const zapOff: Animation;
+
+/**
+ * **Zoom In** animated icon (Action). Default interaction: `hover`.
+ *
+ * Keywords: action, in, magnifier, magnify, zoom.
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { zoomIn } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={zoomIn} />
+ */
+export declare const zoomIn: Animation;
+
+/**
+ * **Zoom Out** animated icon (Action). Default interaction: `hover`.
+ *
+ * Keywords: action, magnifier, magnify, out, zoom.
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import { zoomOut } from 'react-useanimations/icons';
+ *
+ * <UseAnimations animation={zoomOut} />
+ */
+export declare const zoomOut: Animation;