Fries icon
ep:fries
The Fries icon (ep:fries) is a free SVG icon from the Element Plus set. It is drawn on a 1024 × 1024 grid. Element Plus icons are released under the MIT 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
- Element Plus
- Author
- Element Plus
- License
- MIT
- Size
- 1024 × 1024
- Tags
- fry
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M608 224v-64a32 32 0 0 0-64 0v336h26.9a64 64 0 0 0 37.1-11.9zm101.1 160a64 64 0 0 0-37.1 11.9V384h64V224a32 32 0 1 0-64 0v160zm74.9 0a93 93 0 0 1 91.3 110l-60.6 323.7a96 96 0 0 1-94.4 78.3H303.7a96 96 0 0 1-94.4-78.3L148.7 494A93 93 0 0 1 240 384h-16V224a96 96 0 0 1 188.6-25.3a96 96 0 0 1 67.4-1.3V160a96 96 0 0 1 188.6-25.3A96 96 0 0 1 800 224v160zM670.8 512a128 128 0 0 1-100 48H453.2a128 128 0 0 1-99.8-48H352v-1.5a128 128 0 0 1-10-15L315 448h-75a29 29 0 0 0-28.5 34.3L241.1 640h541.8l29.6-157.7A29 29 0 0 0 784 448h-74.9L682 495.5a132 132 0 0 1-10 15v1.5zM480 288a32 32 0 0 0-64 0v196.1a64 64 0 0 0 37.1 11.9H480zm-128 96V224a32 32 0 0 0-64 0v160zh-37.1a64 64 0 0 1 37.1 11.9zm-98.9 320l19 101.9a32 32 0 0 0 31.6 26.1h416.6a32 32 0 0 0 31.5-26.1l19-101.9z"/></svg>How to use the Fries icon
React
import { Icon } from "@iconify/react";
<Icon icon="ep:fries" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ep:fries" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ep:fries" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ep--fries]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ep -->
<div class="i-ep:fries"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ep:fries"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ep/fries.svg" alt="Fries icon" width="24" height="24">Fries icon in other icon sets
Fries icon FAQ
Is the Fries icon free for commercial use?
Yes. Element Plus icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Fries icon in React?
Install @iconify/react and render <Icon icon="ep:fries" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Fries icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ep/fries.svg" alt="Fries icon">, or paste the SVG code inline to style it with CSS.