fries icon

fries from Element Plus by Element Plus · Outline · MIT Free for personal and commercial use.

Name: fries
Set: Element Plus
Style: Outline
Viewbox: 1024×1024
License: MIT

The same icon in other sets

fries-fillMingCute Icon friesTDesign Icons

Use the fries icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>

React

import type { SVGProps } from "react";

export function EpFries(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
</template>

CSS

.icon-fries {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M608%20224v-64a32%2032%200%200%200-64%200v336h26.9a64%2064%200%200%200%2037.1-11.9zm101.1%20160a64%2064%200%200%200-37.1%2011.9V384h64V224a32%2032%200%201%200-64%200v160zm74.9%200a93%2093%200%200%201%2091.3%20110l-60.6%20323.7a96%2096%200%200%201-94.4%2078.3H303.7a96%2096%200%200%201-94.4-78.3L148.7%20494A93%2093%200%200%201%20240%20384h-16V224a96%2096%200%200%201%20188.6-25.3a96%2096%200%200%201%2067.4-1.3V160a96%2096%200%200%201%20188.6-25.3A96%2096%200%200%201%20800%20224v160zM670.8%20512a128%20128%200%200%201-100%2048H453.2a128%20128%200%200%201-99.8-48H352v-1.5a128%20128%200%200%201-10-15L315%20448h-75a29%2029%200%200%200-28.5%2034.3L241.1%20640h541.8l29.6-157.7A29%2029%200%200%200%20784%20448h-74.9L682%20495.5a132%20132%200%200%201-10%2015v1.5zM480%20288a32%2032%200%200%200-64%200v196.1a64%2064%200%200%200%2037.1%2011.9H480zm-128%2096V224a32%2032%200%200%200-64%200v160zh-37.1a64%2064%200%200%201%2037.1%2011.9zm-98.9%20320l19%20101.9a32%2032%200%200%200%2031.6%2026.1h416.6a32%2032%200%200%200%2031.5-26.1l19-101.9z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M608%20224v-64a32%2032%200%200%200-64%200v336h26.9a64%2064%200%200%200%2037.1-11.9zm101.1%20160a64%2064%200%200%200-37.1%2011.9V384h64V224a32%2032%200%201%200-64%200v160zm74.9%200a93%2093%200%200%201%2091.3%20110l-60.6%20323.7a96%2096%200%200%201-94.4%2078.3H303.7a96%2096%200%200%201-94.4-78.3L148.7%20494A93%2093%200%200%201%20240%20384h-16V224a96%2096%200%200%201%20188.6-25.3a96%2096%200%200%201%2067.4-1.3V160a96%2096%200%200%201%20188.6-25.3A96%2096%200%200%201%20800%20224v160zM670.8%20512a128%20128%200%200%201-100%2048H453.2a128%20128%200%200%201-99.8-48H352v-1.5a128%20128%200%200%201-10-15L315%20448h-75a29%2029%200%200%200-28.5%2034.3L241.1%20640h541.8l29.6-157.7A29%2029%200%200%200%20784%20448h-74.9L682%20495.5a132%20132%200%200%201-10%2015v1.5zM480%20288a32%2032%200%200%200-64%200v196.1a64%2064%200%200%200%2037.1%2011.9H480zm-128%2096V224a32%2032%200%200%200-64%200v160zh-37.1a64%2064%200%200%201%2037.1%2011.9zm-98.9%20320l19%20101.9a32%2032%200%200%200%2031.6%2026.1h416.6a32%2032%200%200%200%2031.5-26.1l19-101.9z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ep/fries.svg?color=%231a73e8&size=48