Expo icon

file-icons:expo

The Expo icon (file-icons:expo) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 457 × 512 grid. File Icons are released under the ISC license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: File Icons
Author: John Gardner
License: ISC
Size: 457 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="457" height="512" viewBox="0 0 457 512"><path fill="currentColor" d="M365.908 248.585c34.205 2.347 61.615-19.737 68.687-50.188c-12.398-17.568-38.4-25.911-61.335-11.355c-20.62 14.6-26.246 40.125-7.352 61.543M273.305 10.732L149.51 79.105l28.627 15.02L301.826 25.96zM155.843 198.79l120.942 275.98l32.289 19.834l-135.228-391.687l-32.211-17.27L12.87 328.604l23.497 13.187l110.998-144.02c2.428-2.719 6.49-2.807 8.478 1.02m215.989 65.621c-35.172-19.361-35.172-68.029 0-87.39s79.376 4.971 79.376 43.695s-44.204 63.057-79.376 43.695m39.955 36.412l45.06 131.37L319.247 512l-50.638-31.43l-90.68-206.734l-140.32 79.052L0 331.738L136.077 75.793L273.112 0l42.704 22.937l43.241 126.422c-83.56 46.07-41.566 162.873 52.73 151.464"/></svg>

How to use the Expo icon

React

import { Icon } from "@iconify/react";

<Icon icon="file-icons:expo" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="file-icons:expo" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="file-icons:expo" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--expo]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:expo"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="file-icons:expo"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/expo.svg" alt="Expo icon" width="24" height="24">

Expo icon in other icon sets

Expo icon FAQ

Is the Expo icon free for commercial use?

Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.

How do I use the Expo icon in React?

Install @iconify/react and render <Icon icon="file-icons:expo" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Expo icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/expo.svg" alt="Expo icon">, or paste the SVG code inline to style it with CSS.

Browse all File Icons →