react-icons/fi#FiArchive JavaScript Examples

The following examples show how to use react-icons/fi#FiArchive. You can vote up the ones you like or vote down the ones you don't like, and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.

Example #1

Source File: Utils.js From sailplane-web with GNU General Public License v3.0

6 votes

export function getIconForPath(type, filename) {
  const ext = filenameExt(filename);

  let iconComponent = FiFile;

  if (isImageFileExt(ext)) {
    iconComponent = FiImage;
  } else if (isFileExtensionAudio(ext)) {
    iconComponent = FiMusic;
  } else if (isFileExtensionVideo(ext)) {
    iconComponent = FiVideo;
  } else if (isFileExtensionArchive(ext)) {
    iconComponent = FiArchive;
  }

  if (type === 'dir') {
    iconComponent = FaFolder;
  }
  return iconComponent;
}

Example #2

Source File: index.js From react-motion-layout with MIT License

6 votes

features = [
  {
    title: 'Declarative',
    icon: <FiCode size="45" />,
    description: (
      <div className="mt-6 leading-relaxed sm:text-lg md:text-xl xl:text-lg text-gray-600">
        Easy as wraping your text or images with our SharedElement component.
      </div>
    ),
  },
  {
    title: 'Isolated',
    icon: <FiArchive size="45" />,
    description: (
      <div className="mt-6 leading-relaxed sm:text-lg md:text-xl xl:text-lg text-gray-600">
        It does not require external state management libs.
      </div>
    ),
  },
  {
    title: 'Router Ready',
    icon: <FiLink size="45" />,
    description: (
      <div className="mt-6 leading-relaxed sm:text-lg md:text-xl xl:text-lg text-gray-600">
        Dispatch animations when changing routes using our React-Router Link component.
      </div>
    ),
  },
]