# ghostkit/3.4.1/gutenberg/icons/index.js

Block Animations, Motion & Scroll Effects – Ghost Kit, version 3.4.1. 225 lines.

- Page: https://pluginprobe.com/plugins/ghostkit/3.4.1/code/gutenberg/icons/index.js
- Raw: https://pluginprobe.com/plugins/ghostkit/3.4.1/raw/gutenberg/icons/index.js
- Modified: 2024-02-18T18:40:24+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/ghostkit/3.4.1/code/gutenberg/icons/index.js#L10-L20`.

```javascript
import { ReactComponent as blockAccordion } from './block-accordion.svg';
import { ReactComponent as blockAccordionCollapse } from './block-accordion-collapse.svg';
import { ReactComponent as blockAccordionItem } from './block-accordion-item.svg';
import { ReactComponent as blockAlert } from './block-alert.svg';
import { ReactComponent as blockButton } from './block-button.svg';
import { ReactComponent as blockButtons } from './block-buttons.svg';
import { ReactComponent as blockCarousel } from './block-carousel.svg';
import { ReactComponent as blockCarouselSlide } from './block-carousel-slide.svg';
import { ReactComponent as blockChangelog } from './block-changelog.svg';
import { ReactComponent as blockCountdown } from './block-countdown.svg';
import { ReactComponent as blockCounterBox } from './block-counter-box.svg';
import { ReactComponent as blockDivider } from './block-divider.svg';
import { ReactComponent as blockForm } from './block-form.svg';
import { ReactComponent as blockFormFieldCheckbox } from './block-form-field-checkbox.svg';
import { ReactComponent as blockFormFieldDate } from './block-form-field-date.svg';
import { ReactComponent as blockFormFieldEmail } from './block-form-field-email.svg';
import { ReactComponent as blockFormFieldHidden } from './block-form-field-hidden.svg';
import { ReactComponent as blockFormFieldName } from './block-form-field-name.svg';
import { ReactComponent as blockFormFieldNumber } from './block-form-field-number.svg';
import { ReactComponent as blockFormFieldPhone } from './block-form-field-phone.svg';
import { ReactComponent as blockFormFieldRadio } from './block-form-field-radio.svg';
import { ReactComponent as blockFormFieldSelect } from './block-form-field-select.svg';
import { ReactComponent as blockFormFieldText } from './block-form-field-text.svg';
import { ReactComponent as blockFormFieldTextarea } from './block-form-field-textarea.svg';
import { ReactComponent as blockFormFieldUrl } from './block-form-field-url.svg';
import { ReactComponent as blockGif } from './block-gif.svg';
import { ReactComponent as blockGist } from './block-gist.svg';
import { ReactComponent as blockGoogleMaps } from './block-google-maps.svg';
import { ReactComponent as blockGrid } from './block-grid.svg';
import { ReactComponent as blockGridColumn } from './block-grid-column.svg';
import { ReactComponent as blockIcon } from './block-icon.svg';
import { ReactComponent as blockIconBox } from './block-icon-box.svg';
import { ReactComponent as blockImageCompare } from './block-image-compare.svg';
import { ReactComponent as blockInstagram } from './block-instagram.svg';
import { ReactComponent as blockLottie } from './block-lottie.svg';
import { ReactComponent as blockMarkdown } from './block-markdown.svg';
import { ReactComponent as blockPricingTable } from './block-pricing.svg';
import { ReactComponent as blockProgress } from './block-progress.svg';
import { ReactComponent as blockDividerShape } from './block-shape-divider.svg';
import { ReactComponent as blockTab } from './block-tab.svg';
import { ReactComponent as blockTableOfContents } from './block-table-of-contents.svg';
import { ReactComponent as blockTabs } from './block-tabs.svg';
import { ReactComponent as blockTestimonial } from './block-testimonial.svg';
import { ReactComponent as blockTwitter } from './block-twitter.svg';
import { ReactComponent as blockVideo } from './block-video.svg';
import { ReactComponent as blockWidgetizedArea } from './block-widgetized-area.svg';
import { ReactComponent as borderDashed } from './border-dashed.svg';
import { ReactComponent as borderDotted } from './border-dotted.svg';
import { ReactComponent as borderDouble } from './border-double.svg';
import { ReactComponent as borderSolid } from './border-solid.svg';
import { ReactComponent as extensionCustomCSS } from './extension-custom-css.svg';
import { ReactComponent as extensionDisplay } from './extension-display.svg';
import { ReactComponent as extensionFrame } from './extension-frame.svg';
import { ReactComponent as extensionPosition } from './extension-position.svg';
import { ReactComponent as extensionSpacings } from './extension-spacings.svg';
import { ReactComponent as extensionSR } from './extension-sr.svg';
import { ReactComponent as extensionTransform } from './extension-transform.svg';
import { ReactComponent as ghostkitLogo } from './ghostkit-logo.svg';
import { ReactComponent as iconArrowDown } from './icon-arrow-down.svg';
import { ReactComponent as iconArrowLeft } from './icon-arrow-left.svg';
import { ReactComponent as iconArrowRight } from './icon-arrow-right.svg';
import { ReactComponent as iconArrowUp } from './icon-arrow-up.svg';
import { ReactComponent as iconBadge } from './icon-badge.svg';
import { ReactComponent as iconBox } from './icon-box.svg';
import { ReactComponent as iconCircle } from './icon-circle.svg';
import { ReactComponent as iconFeltPen } from './icon-felt-pen.svg';
import { ReactComponent as iconFlipHorizontal } from './icon-flip-horizontal.svg';
import { ReactComponent as iconFlipVertical } from './icon-flip-vertical.svg';
import { ReactComponent as iconFullheight } from './icon-fullheight.svg';
import { ReactComponent as iconHorizontalAround } from './icon-horizontal-around.svg';
import { ReactComponent as iconHorizontalBetween } from './icon-horizontal-between.svg';
import { ReactComponent as iconHorizontalCenter } from './icon-horizontal-center.svg';
import { ReactComponent as iconHorizontalEnd } from './icon-horizontal-end.svg';
import { ReactComponent as iconHorizontalStart } from './icon-horizontal-start.svg';
import { ReactComponent as iconHorizontalStretch } from './icon-horizontal-stretch.svg';
import { ReactComponent as iconKebabMenu } from './icon-kebab-menu.svg';
import { ReactComponent as iconMap } from './icon-map.svg';
import { ReactComponent as iconMarker } from './icon-marker.svg';
import { ReactComponent as iconPointer } from './icon-pointer.svg';
import { ReactComponent as iconTextUppercase } from './icon-text-uppercase.svg';
import { ReactComponent as iconTrash } from './icon-trash.svg';
import { ReactComponent as iconTypographyAdobeFonts } from './icon-typography-adobe-fonts.svg';
import { ReactComponent as iconTypographyCustomFonts } from './icon-typography-custom-fonts.svg';
import { ReactComponent as iconTypographyFontSize } from './icon-typography-font-size.svg';
import { ReactComponent as iconTypographyGoogleFonts } from './icon-typography-google-fonts.svg';
import { ReactComponent as iconTypographyLetterSpacing } from './icon-typography-letter-spacing.svg';
import { ReactComponent as iconTypographyLineHeight } from './icon-typography-line-height.svg';
import { ReactComponent as iconVerticalBetween } from './icon-vertical-between.svg';
import { ReactComponent as iconVerticalBottom } from './icon-vertical-bottom.svg';
import { ReactComponent as iconVerticalCenter } from './icon-vertical-center.svg';
import { ReactComponent as iconVerticalStretch } from './icon-vertical-stretch.svg';
import { ReactComponent as iconVerticalTop } from './icon-vertical-top.svg';
import { ReactComponent as pluginColorPalette } from './plugin-color-palette.svg';
import { ReactComponent as pluginCustomCode } from './plugin-custom-code.svg';
import { ReactComponent as pluginCustomizer } from './plugin-customizer.svg';
import { ReactComponent as pluginTemplates } from './plugin-templates.svg';
import { ReactComponent as pluginTypography } from './plugin-typography.svg';
import { ReactComponent as srFade } from './sr-fade.svg';
import { ReactComponent as srZoom } from './sr-zoom.svg';
import { ReactComponent as srZoomFromBottom } from './sr-zoom-from-bottom.svg';
import { ReactComponent as srZoomFromLeft } from './sr-zoom-from-left.svg';
import { ReactComponent as srZoomFromRight } from './sr-zoom-from-right.svg';
import { ReactComponent as tabsDesktop } from './tabs-desktop.svg';
import { ReactComponent as tabsLaptop } from './tabs-laptop.svg';
import { ReactComponent as tabsMobile } from './tabs-mobile.svg';
import { ReactComponent as tabsTablet } from './tabs-tablet.svg';
import { ReactComponent as tabsTv } from './tabs-tv.svg';

export default {
	'ghostkit-logo': ghostkitLogo,

	'block-accordion': blockAccordion,
	'block-accordion-item': blockAccordionItem,
	'block-accordion-collapse': blockAccordionCollapse,
	'block-alert': blockAlert,
	'block-buttons': blockButtons,
	'block-button': blockButton,
	'block-carousel': blockCarousel,
	'block-carousel-slide': blockCarouselSlide,
	'block-changelog': blockChangelog,
	'block-countdown': blockCountdown,
	'block-counter-box': blockCounterBox,
	'block-divider': blockDivider,
	'block-shape-divider': blockDividerShape,
	'block-gist': blockGist,
	'block-google-maps': blockGoogleMaps,
	'block-grid': blockGrid,
	'block-grid-column': blockGridColumn,
	'block-icon': blockIcon,
	'block-icon-box': blockIconBox,
	'block-image-compare': blockImageCompare,
	'block-instagram': blockInstagram,
	'block-lottie': blockLottie,
	'block-markdown': blockMarkdown,
	'block-gif': blockGif,
	'block-pricing-table': blockPricingTable,
	'block-progress': blockProgress,
	'block-tabs': blockTabs,
	'block-tab': blockTab,
	'block-testimonial': blockTestimonial,
	'block-twitter': blockTwitter,
	'block-video': blockVideo,
	'block-widgetized-area': blockWidgetizedArea,
	'block-table-of-contents': blockTableOfContents,
	'block-form': blockForm,
	'block-form-field-checkbox': blockFormFieldCheckbox,
	'block-form-field-date': blockFormFieldDate,
	'block-form-field-email': blockFormFieldEmail,
	'block-form-field-hidden': blockFormFieldHidden,
	'block-form-field-name': blockFormFieldName,
	'block-form-field-number': blockFormFieldNumber,
	'block-form-field-phone': blockFormFieldPhone,
	'block-form-field-radio': blockFormFieldRadio,
	'block-form-field-select': blockFormFieldSelect,
	'block-form-field-text': blockFormFieldText,
	'block-form-field-textarea': blockFormFieldTextarea,
	'block-form-field-url': blockFormFieldUrl,

	'border-dashed': borderDashed,
	'border-dotted': borderDotted,
	'border-double': borderDouble,
	'border-solid': borderSolid,

	'plugin-templates': pluginTemplates,
	'plugin-custom-code': pluginCustomCode,
	'plugin-color-palette': pluginColorPalette,
	'plugin-customizer': pluginCustomizer,
	'plugin-typography': pluginTypography,

	'sr-fade': srFade,
	'sr-zoom-from-bottom': srZoomFromBottom,
	'sr-zoom-from-left': srZoomFromLeft,
	'sr-zoom-from-right': srZoomFromRight,
	'sr-zoom': srZoom,

	'extension-frame': extensionFrame,
	'extension-position': extensionPosition,
	'extension-display': extensionDisplay,
	'extension-spacings': extensionSpacings,
	'extension-sr': extensionSR,
	'extension-transform': extensionTransform,
	'extension-custom-css': extensionCustomCSS,

	'tabs-tv': tabsTv,
	'tabs-desktop': tabsDesktop,
	'tabs-laptop': tabsLaptop,
	'tabs-tablet': tabsTablet,
	'tabs-mobile': tabsMobile,

	'icon-fullheight': iconFullheight,
	'icon-horizontal-around': iconHorizontalAround,
	'icon-horizontal-between': iconHorizontalBetween,
	'icon-horizontal-center': iconHorizontalCenter,
	'icon-horizontal-end': iconHorizontalEnd,
	'icon-horizontal-start': iconHorizontalStart,
	'icon-horizontal-stretch': iconHorizontalStretch,
	'icon-vertical-between': iconVerticalBetween,
	'icon-vertical-bottom': iconVerticalBottom,
	'icon-vertical-center': iconVerticalCenter,
	'icon-vertical-stretch': iconVerticalStretch,
	'icon-vertical-top': iconVerticalTop,
	'icon-flip-horizontal': iconFlipHorizontal,
	'icon-flip-vertical': iconFlipVertical,
	'icon-arrow-down': iconArrowDown,
	'icon-arrow-left': iconArrowLeft,
	'icon-arrow-right': iconArrowRight,
	'icon-arrow-up': iconArrowUp,
	'icon-box': iconBox,
	'icon-circle': iconCircle,
	'icon-trash': iconTrash,
	'icon-marker': iconMarker,
	'icon-pointer': iconPointer,
	'icon-text-uppercase': iconTextUppercase,
	'icon-map': iconMap,
	'icon-badge': iconBadge,
	'icon-felt-pen': iconFeltPen,
	'icon-kebab-menu': iconKebabMenu,
	'icon-typography-font-size': iconTypographyFontSize,
	'icon-typography-letter-spacing': iconTypographyLetterSpacing,
	'icon-typography-line-height': iconTypographyLineHeight,
	'icon-typography-google-fonts': iconTypographyGoogleFonts,
	'icon-typography-adobe-fonts': iconTypographyAdobeFonts,
	'icon-typography-custom-fonts': iconTypographyCustomFonts,
};

```