找找图标
french-fries 图标

french-fries SVG 图标

streamline-emojisfrench-fries

来自 Streamline Emojis 开源图标集，矢量 SVG 可无损缩放到任意尺寸，支持在线改色、复制 React/Vue/HTML 代码。

图标 ID
streamline-emojis:french-fries
中文名
—
所属集合
Streamline Emojis
集合规模
787 枚
基础网格
24px
色彩
多色
开源协议
CC-BY-4.0
作者
Streamline

下载 french-fries 图标

SVG 矢量源文件，或 PNG 按 16~512 预设与 16~1024 自定义尺寸导出，任意尺寸边缘锐利。

px
iOS / Android 全套尺寸 · 素材包生成器用 AI 生成类似风格的图标

PNG 由矢量源实时渲染，任意尺寸边缘锐利无锯齿；下载与预览均免费，无需注册。

french-fries 的预览与使用场景

切换预览颜色后，下方三底色、真实界面场景与各尺寸渲染会实时跟随。

预览颜色
french-fries 图标 浅色背景预览浅色背景
french-fries 图标 深色背景预览深色背景
french-fries 图标 灰底融入预览灰底融入

在真实界面里长这样

继续按钮内 · 主操作
搜索french-fries…输入框 · 前缀图标
french-fries导航菜单 · 选中态
暂无内容空状态 · 引导提示
9:41french-fries App 图标french-fries手机桌面 · App 图标
french-friesstreamline-emojis.design/icons/french-fries浏览器 · 标签页与站点图标

各尺寸下的可读性

french-fries 图标 24px 渲染24pxfrench-fries 图标 32px 渲染32pxfrench-fries 图标 48px 渲染48pxfrench-fries 图标 64px 渲染64pxfrench-fries 图标 96px 渲染96pxfrench-fries 图标 128px 渲染128px

复制 french-fries 图标代码

内联 SVG、React、Vue 与 CSS mask 四种主流引用方式，代码基于当前源文件生成，复制即用。

svgSVG 源码（内联 HTML）
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M7.74 45.26a16.26 1.74 0 1 0 32.52 0a16.26 1.74 0 1 0-32.52 0" opacity=".15"/><path fill="#e04122" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 3.77C13.4 3.77 4.87 9.27 5.12 16l3.24 27a2.32 2.32 0 0 0 2.31 2h26.66a2.32 2.32 0 0 0 2.31-2l3.24-27C43.13 9.27 34.6 3.77 24 3.77"/><path fill="#ffe500" d="m15.1 30.56l-3.44.59a.58.58 0 0 1-.67-.47L6.54 4.79a.58.58 0 0 1 .34-.62l3.29-1.45a.57.57 0 0 1 .8.43l4.6 26.74a.58.58 0 0 1-.47.67"/><path fill="#fff48c" d="m7 7.53l4.44-1.63L11 3.15a.57.57 0 0 0-.8-.43L6.88 4.17a.57.57 0 0 0-.34.62Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m15.1 30.56l-3.44.59a.58.58 0 0 1-.67-.47L6.54 4.79a.58.58 0 0 1 .34-.62l3.29-1.45a.57.57 0 0 1 .8.43l4.6 26.74a.58.58 0 0 1-.47.67"/><path fill="#ffe500" d="M16.16 2.61h3.49a.58.58 0 0 1 .58.58L20 29.48a.57.57 0 0 1-.44.56l-3.49.85a.59.59 0 0 1-.72-.57l.22-27.14a.57.57 0 0 1 .59-.57"/><path fill="#fff48c" d="M20.2 6.56V3.22a.58.58 0 0 0-.58-.58h-3.49a.57.57 0 0 0-.58.57v3.34Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M16.16 2.61h3.49a.58.58 0 0 1 .58.58L20 29.48a.57.57 0 0 1-.44.56l-3.49.85a.59.59 0 0 1-.72-.57l.22-27.14a.57.57 0 0 1 .59-.57"/><path fill="#ffe500" d="m22.61 6.72l3.47.28a.58.58 0 0 1 .53.63L24.46 33.8a.58.58 0 0 1-.49.53l-3.54.58a.58.58 0 0 1-.67-.62L22 7.25a.58.58 0 0 1 .61-.53"/><path fill="#fff48c" d="M26.61 7.63a.58.58 0 0 0-.53-.63l-3.47-.28a.58.58 0 0 0-.63.53l-.25 3.07l4.63.38Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m22.61 6.72l3.47.28a.58.58 0 0 1 .53.63L24.46 33.8a.58.58 0 0 1-.49.53l-3.54.58a.58.58 0 0 1-.67-.62L22 7.25a.58.58 0 0 1 .61-.53"/><path fill="#ffe500" d="m36.94 35.31l-3.44-.52a.58.58 0 0 1-.49-.66l3.89-26a.57.57 0 0 1 .52-.49L41 7.32a.59.59 0 0 1 .63.67l-4 26.83a.58.58 0 0 1-.69.49"/><path fill="#fff48c" d="M40.42 10.39a.79.79 0 0 1 .78.43L41.63 8a.59.59 0 0 0-.63-.68l-3.58.35a.57.57 0 0 0-.52.49l-.36 2.41Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m36.94 35.31l-3.44-.52a.58.58 0 0 1-.49-.66l3.89-26a.57.57 0 0 1 .52-.49L41 7.32a.59.59 0 0 1 .63.67l-4 26.83a.58.58 0 0 1-.69.49"/><path fill="#ffe500" d="m31.59 30.36l3.48-.26a.58.58 0 0 0 .53-.63l-2-26.18a.58.58 0 0 0-.48-.53l-3.54-.61a.58.58 0 0 0-.68.61l2 27.06a.58.58 0 0 0 .69.54"/><path fill="#fff48c" d="m29.69 6.2l4.2.53l-.25-3.44a.58.58 0 0 0-.48-.53l-3.54-.61a.58.58 0 0 0-.68.61l.26 3.54a.82.82 0 0 1 .49-.1"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m31.59 30.36l3.48-.26a.58.58 0 0 0 .53-.63l-2-26.18a.58.58 0 0 0-.48-.53l-3.54-.61a.58.58 0 0 0-.68.61l2 27.06a.58.58 0 0 0 .69.54"/><path fill="#ffe500" d="m34.6 37.72l-3.44.59a.59.59 0 0 1-.67-.48L26 12a.6.6 0 0 1 .34-.63l3.29-1.45a.58.58 0 0 1 .8.44l4.6 26.74a.59.59 0 0 1-.43.62"/><path fill="#fff48c" d="m31.13 14.13l-.66-3.82a.58.58 0 0 0-.8-.44l-3.29 1.45A.6.6 0 0 0 26 12l.66 3.81Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m34.6 37.72l-3.44.59a.59.59 0 0 1-.67-.48L26 12a.6.6 0 0 1 .34-.63l3.29-1.45a.58.58 0 0 1 .8.44l4.6 26.74a.59.59 0 0 1-.43.62"/><path fill="#ffe500" d="m12.32 39.46l3.47.27a.58.58 0 0 0 .62-.54l2-26.18a.57.57 0 0 0-.4-.59l-3.4-1.14a.59.59 0 0 0-.77.5l-2.1 27.05a.6.6 0 0 0 .58.63"/><path fill="#fff48c" d="m18.24 15.7l.21-2.7a.57.57 0 0 0-.4-.59l-3.4-1.14a.59.59 0 0 0-.77.5l-.21 2.71Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m12.32 39.46l3.47.27a.58.58 0 0 0 .62-.54l2-26.18a.57.57 0 0 0-.4-.59l-3.4-1.14a.59.59 0 0 0-.77.5l-2.1 27.05a.6.6 0 0 0 .58.63"/><path fill="#ffe500" d="m21.49 44.42l-3.49.09a.57.57 0 0 1-.59-.56l-.66-26.26a.59.59 0 0 1 .43-.57l3.46-1a.58.58 0 0 1 .73.55l.68 27.12a.57.57 0 0 1-.56.63"/><path fill="#fff48c" d="m17.33 20.7l4.12-.88l-.08-3.11a.58.58 0 0 0-.73-.55l-3.46 1a.59.59 0 0 0-.43.57l.09 3.27a.7.7 0 0 1 .49-.3"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m21.49 44.42l-3.49.09a.57.57 0 0 1-.59-.56l-.66-26.26a.59.59 0 0 1 .43-.57l3.46-1a.58.58 0 0 1 .73.55l.68 27.12a.57.57 0 0 1-.56.63"/><path fill="#ffe500" d="m25.48 14.29l3.46.41a.58.58 0 0 1 .51.64l-3.09 26.08a.57.57 0 0 1-.51.51l-3.56.45a.58.58 0 0 1-.65-.64l3.2-26.94a.57.57 0 0 1 .64-.51"/><path fill="#fff48c" d="M28.75 18.26a.76.76 0 0 1 .34.11l.36-3a.58.58 0 0 0-.51-.64l-3.46-.41a.57.57 0 0 0-.64.51l-.35 2.95Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m25.48 14.29l3.46.41a.58.58 0 0 1 .51.64l-3.09 26.08a.57.57 0 0 1-.51.51l-3.56.45a.58.58 0 0 1-.65-.64l3.2-26.94a.57.57 0 0 1 .64-.51"/><path fill="#ff6242" d="M39.23 16a1.16 1.16 0 0 0-1.11.78c-1.5 4.88-7.25 8.51-14.12 8.51s-12.62-3.67-14.12-8.55A1.16 1.16 0 0 0 8.77 16H5.12l3.24 27a2.32 2.32 0 0 0 2.31 2h26.66a2.32 2.32 0 0 0 2.31-2l3.24-27Z"/><path fill="#ff866e" d="M7.5 21.19a1.16 1.16 0 0 1 1.11.68c1.5 4.3 8.52 7.5 15.39 7.5s13.89-3.2 15.39-7.5a1.16 1.16 0 0 1 1.11-.68h1.75l.63-5.19h-3.65a1.16 1.16 0 0 0-1.11.78c-1.5 4.88-7.25 8.51-14.12 8.51s-12.62-3.67-14.12-8.55A1.16 1.16 0 0 0 8.77 16H5.12l.63 5.23Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M39.23 16a1.16 1.16 0 0 0-1.11.78c-1.5 4.88-7.25 8.51-14.12 8.51s-12.62-3.67-14.12-8.55A1.16 1.16 0 0 0 8.77 16H5.12l3.24 27a2.32 2.32 0 0 0 2.31 2h26.66a2.32 2.32 0 0 0 2.31-2l3.24-27Z"/><path fill="#ffe500" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M17.61 35.13a6.39 4.07 0 1 0 12.78 0a6.39 4.07 0 1 0-12.78 0"/></svg>
reactReact 组件（TSX）
export function FrenchFriesIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="1em"
      height="1em"
      viewBox="0 0 48 48"
      fill="currentColor"
      {...props}
      dangerouslySetInnerHTML={{ __html: `<path fill="#45413c" d="M7.74 45.26a16.26 1.74 0 1 0 32.52 0a16.26 1.74 0 1 0-32.52 0" opacity=".15"/><path fill="#e04122" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 3.77C13.4 3.77 4.87 9.27 5.12 16l3.24 27a2.32 2.32 0 0 0 2.31 2h26.66a2.32 2.32 0 0 0 2.31-2l3.24-27C43.13 9.27 34.6 3.77 24 3.77"/><path fill="#ffe500" d="m15.1 30.56l-3.44.59a.58.58 0 0 1-.67-.47L6.54 4.79a.58.58 0 0 1 .34-.62l3.29-1.45a.57.57 0 0 1 .8.43l4.6 26.74a.58.58 0 0 1-.47.67"/><path fill="#fff48c" d="m7 7.53l4.44-1.63L11 3.15a.57.57 0 0 0-.8-.43L6.88 4.17a.57.57 0 0 0-.34.62Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m15.1 30.56l-3.44.59a.58.58 0 0 1-.67-.47L6.54 4.79a.58.58 0 0 1 .34-.62l3.29-1.45a.57.57 0 0 1 .8.43l4.6 26.74a.58.58 0 0 1-.47.67"/><path fill="#ffe500" d="M16.16 2.61h3.49a.58.58 0 0 1 .58.58L20 29.48a.57.57 0 0 1-.44.56l-3.49.85a.59.59 0 0 1-.72-.57l.22-27.14a.57.57 0 0 1 .59-.57"/><path fill="#fff48c" d="M20.2 6.56V3.22a.58.58 0 0 0-.58-.58h-3.49a.57.57 0 0 0-.58.57v3.34Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M16.16 2.61h3.49a.58.58 0 0 1 .58.58L20 29.48a.57.57 0 0 1-.44.56l-3.49.85a.59.59 0 0 1-.72-.57l.22-27.14a.57.57 0 0 1 .59-.57"/><path fill="#ffe500" d="m22.61 6.72l3.47.28a.58.58 0 0 1 .53.63L24.46 33.8a.58.58 0 0 1-.49.53l-3.54.58a.58.58 0 0 1-.67-.62L22 7.25a.58.58 0 0 1 .61-.53"/><path fill="#fff48c" d="M26.61 7.63a.58.58 0 0 0-.53-.63l-3.47-.28a.58.58 0 0 0-.63.53l-.25 3.07l4.63.38Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m22.61 6.72l3.47.28a.58.58 0 0 1 .53.63L24.46 33.8a.58.58 0 0 1-.49.53l-3.54.58a.58.58 0 0 1-.67-.62L22 7.25a.58.58 0 0 1 .61-.53"/><path fill="#ffe500" d="m36.94 35.31l-3.44-.52a.58.58 0 0 1-.49-.66l3.89-26a.57.57 0 0 1 .52-.49L41 7.32a.59.59 0 0 1 .63.67l-4 26.83a.58.58 0 0 1-.69.49"/><path fill="#fff48c" d="M40.42 10.39a.79.79 0 0 1 .78.43L41.63 8a.59.59 0 0 0-.63-.68l-3.58.35a.57.57 0 0 0-.52.49l-.36 2.41Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m36.94 35.31l-3.44-.52a.58.58 0 0 1-.49-.66l3.89-26a.57.57 0 0 1 .52-.49L41 7.32a.59.59 0 0 1 .63.67l-4 26.83a.58.58 0 0 1-.69.49"/><path fill="#ffe500" d="m31.59 30.36l3.48-.26a.58.58 0 0 0 .53-.63l-2-26.18a.58.58 0 0 0-.48-.53l-3.54-.61a.58.58 0 0 0-.68.61l2 27.06a.58.58 0 0 0 .69.54"/><path fill="#fff48c" d="m29.69 6.2l4.2.53l-.25-3.44a.58.58 0 0 0-.48-.53l-3.54-.61a.58.58 0 0 0-.68.61l.26 3.54a.82.82 0 0 1 .49-.1"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m31.59 30.36l3.48-.26a.58.58 0 0 0 .53-.63l-2-26.18a.58.58 0 0 0-.48-.53l-3.54-.61a.58.58 0 0 0-.68.61l2 27.06a.58.58 0 0 0 .69.54"/><path fill="#ffe500" d="m34.6 37.72l-3.44.59a.59.59 0 0 1-.67-.48L26 12a.6.6 0 0 1 .34-.63l3.29-1.45a.58.58 0 0 1 .8.44l4.6 26.74a.59.59 0 0 1-.43.62"/><path fill="#fff48c" d="m31.13 14.13l-.66-3.82a.58.58 0 0 0-.8-.44l-3.29 1.45A.6.6 0 0 0 26 12l.66 3.81Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m34.6 37.72l-3.44.59a.59.59 0 0 1-.67-.48L26 12a.6.6 0 0 1 .34-.63l3.29-1.45a.58.58 0 0 1 .8.44l4.6 26.74a.59.59 0 0 1-.43.62"/><path fill="#ffe500" d="m12.32 39.46l3.47.27a.58.58 0 0 0 .62-.54l2-26.18a.57.57 0 0 0-.4-.59l-3.4-1.14a.59.59 0 0 0-.77.5l-2.1 27.05a.6.6 0 0 0 .58.63"/><path fill="#fff48c" d="m18.24 15.7l.21-2.7a.57.57 0 0 0-.4-.59l-3.4-1.14a.59.59 0 0 0-.77.5l-.21 2.71Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m12.32 39.46l3.47.27a.58.58 0 0 0 .62-.54l2-26.18a.57.57 0 0 0-.4-.59l-3.4-1.14a.59.59 0 0 0-.77.5l-2.1 27.05a.6.6 0 0 0 .58.63"/><path fill="#ffe500" d="m21.49 44.42l-3.49.09a.57.57 0 0 1-.59-.56l-.66-26.26a.59.59 0 0 1 .43-.57l3.46-1a.58.58 0 0 1 .73.55l.68 27.12a.57.57 0 0 1-.56.63"/><path fill="#fff48c" d="m17.33 20.7l4.12-.88l-.08-3.11a.58.58 0 0 0-.73-.55l-3.46 1a.59.59 0 0 0-.43.57l.09 3.27a.7.7 0 0 1 .49-.3"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m21.49 44.42l-3.49.09a.57.57 0 0 1-.59-.56l-.66-26.26a.59.59 0 0 1 .43-.57l3.46-1a.58.58 0 0 1 .73.55l.68 27.12a.57.57 0 0 1-.56.63"/><path fill="#ffe500" d="m25.48 14.29l3.46.41a.58.58 0 0 1 .51.64l-3.09 26.08a.57.57 0 0 1-.51.51l-3.56.45a.58.58 0 0 1-.65-.64l3.2-26.94a.57.57 0 0 1 .64-.51"/><path fill="#fff48c" d="M28.75 18.26a.76.76 0 0 1 .34.11l.36-3a.58.58 0 0 0-.51-.64l-3.46-.41a.57.57 0 0 0-.64.51l-.35 2.95Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m25.48 14.29l3.46.41a.58.58 0 0 1 .51.64l-3.09 26.08a.57.57 0 0 1-.51.51l-3.56.45a.58.58 0 0 1-.65-.64l3.2-26.94a.57.57 0 0 1 .64-.51"/><path fill="#ff6242" d="M39.23 16a1.16 1.16 0 0 0-1.11.78c-1.5 4.88-7.25 8.51-14.12 8.51s-12.62-3.67-14.12-8.55A1.16 1.16 0 0 0 8.77 16H5.12l3.24 27a2.32 2.32 0 0 0 2.31 2h26.66a2.32 2.32 0 0 0 2.31-2l3.24-27Z"/><path fill="#ff866e" d="M7.5 21.19a1.16 1.16 0 0 1 1.11.68c1.5 4.3 8.52 7.5 15.39 7.5s13.89-3.2 15.39-7.5a1.16 1.16 0 0 1 1.11-.68h1.75l.63-5.19h-3.65a1.16 1.16 0 0 0-1.11.78c-1.5 4.88-7.25 8.51-14.12 8.51s-12.62-3.67-14.12-8.55A1.16 1.16 0 0 0 8.77 16H5.12l.63 5.23Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M39.23 16a1.16 1.16 0 0 0-1.11.78c-1.5 4.88-7.25 8.51-14.12 8.51s-12.62-3.67-14.12-8.55A1.16 1.16 0 0 0 8.77 16H5.12l3.24 27a2.32 2.32 0 0 0 2.31 2h26.66a2.32 2.32 0 0 0 2.31-2l3.24-27Z"/><path fill="#ffe500" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M17.61 35.13a6.39 4.07 0 1 0 12.78 0a6.39 4.07 0 1 0-12.78 0"/>` }}
    />
  );
}
vueVue 3 组件
<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48" fill="currentColor" v-html="body"></svg>
</template>

<script setup>
const body = `<path fill="#45413c" d="M7.74 45.26a16.26 1.74 0 1 0 32.52 0a16.26 1.74 0 1 0-32.52 0" opacity=".15"/><path fill="#e04122" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 3.77C13.4 3.77 4.87 9.27 5.12 16l3.24 27a2.32 2.32 0 0 0 2.31 2h26.66a2.32 2.32 0 0 0 2.31-2l3.24-27C43.13 9.27 34.6 3.77 24 3.77"/><path fill="#ffe500" d="m15.1 30.56l-3.44.59a.58.58 0 0 1-.67-.47L6.54 4.79a.58.58 0 0 1 .34-.62l3.29-1.45a.57.57 0 0 1 .8.43l4.6 26.74a.58.58 0 0 1-.47.67"/><path fill="#fff48c" d="m7 7.53l4.44-1.63L11 3.15a.57.57 0 0 0-.8-.43L6.88 4.17a.57.57 0 0 0-.34.62Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m15.1 30.56l-3.44.59a.58.58 0 0 1-.67-.47L6.54 4.79a.58.58 0 0 1 .34-.62l3.29-1.45a.57.57 0 0 1 .8.43l4.6 26.74a.58.58 0 0 1-.47.67"/><path fill="#ffe500" d="M16.16 2.61h3.49a.58.58 0 0 1 .58.58L20 29.48a.57.57 0 0 1-.44.56l-3.49.85a.59.59 0 0 1-.72-.57l.22-27.14a.57.57 0 0 1 .59-.57"/><path fill="#fff48c" d="M20.2 6.56V3.22a.58.58 0 0 0-.58-.58h-3.49a.57.57 0 0 0-.58.57v3.34Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M16.16 2.61h3.49a.58.58 0 0 1 .58.58L20 29.48a.57.57 0 0 1-.44.56l-3.49.85a.59.59 0 0 1-.72-.57l.22-27.14a.57.57 0 0 1 .59-.57"/><path fill="#ffe500" d="m22.61 6.72l3.47.28a.58.58 0 0 1 .53.63L24.46 33.8a.58.58 0 0 1-.49.53l-3.54.58a.58.58 0 0 1-.67-.62L22 7.25a.58.58 0 0 1 .61-.53"/><path fill="#fff48c" d="M26.61 7.63a.58.58 0 0 0-.53-.63l-3.47-.28a.58.58 0 0 0-.63.53l-.25 3.07l4.63.38Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m22.61 6.72l3.47.28a.58.58 0 0 1 .53.63L24.46 33.8a.58.58 0 0 1-.49.53l-3.54.58a.58.58 0 0 1-.67-.62L22 7.25a.58.58 0 0 1 .61-.53"/><path fill="#ffe500" d="m36.94 35.31l-3.44-.52a.58.58 0 0 1-.49-.66l3.89-26a.57.57 0 0 1 .52-.49L41 7.32a.59.59 0 0 1 .63.67l-4 26.83a.58.58 0 0 1-.69.49"/><path fill="#fff48c" d="M40.42 10.39a.79.79 0 0 1 .78.43L41.63 8a.59.59 0 0 0-.63-.68l-3.58.35a.57.57 0 0 0-.52.49l-.36 2.41Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m36.94 35.31l-3.44-.52a.58.58 0 0 1-.49-.66l3.89-26a.57.57 0 0 1 .52-.49L41 7.32a.59.59 0 0 1 .63.67l-4 26.83a.58.58 0 0 1-.69.49"/><path fill="#ffe500" d="m31.59 30.36l3.48-.26a.58.58 0 0 0 .53-.63l-2-26.18a.58.58 0 0 0-.48-.53l-3.54-.61a.58.58 0 0 0-.68.61l2 27.06a.58.58 0 0 0 .69.54"/><path fill="#fff48c" d="m29.69 6.2l4.2.53l-.25-3.44a.58.58 0 0 0-.48-.53l-3.54-.61a.58.58 0 0 0-.68.61l.26 3.54a.82.82 0 0 1 .49-.1"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m31.59 30.36l3.48-.26a.58.58 0 0 0 .53-.63l-2-26.18a.58.58 0 0 0-.48-.53l-3.54-.61a.58.58 0 0 0-.68.61l2 27.06a.58.58 0 0 0 .69.54"/><path fill="#ffe500" d="m34.6 37.72l-3.44.59a.59.59 0 0 1-.67-.48L26 12a.6.6 0 0 1 .34-.63l3.29-1.45a.58.58 0 0 1 .8.44l4.6 26.74a.59.59 0 0 1-.43.62"/><path fill="#fff48c" d="m31.13 14.13l-.66-3.82a.58.58 0 0 0-.8-.44l-3.29 1.45A.6.6 0 0 0 26 12l.66 3.81Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m34.6 37.72l-3.44.59a.59.59 0 0 1-.67-.48L26 12a.6.6 0 0 1 .34-.63l3.29-1.45a.58.58 0 0 1 .8.44l4.6 26.74a.59.59 0 0 1-.43.62"/><path fill="#ffe500" d="m12.32 39.46l3.47.27a.58.58 0 0 0 .62-.54l2-26.18a.57.57 0 0 0-.4-.59l-3.4-1.14a.59.59 0 0 0-.77.5l-2.1 27.05a.6.6 0 0 0 .58.63"/><path fill="#fff48c" d="m18.24 15.7l.21-2.7a.57.57 0 0 0-.4-.59l-3.4-1.14a.59.59 0 0 0-.77.5l-.21 2.71Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m12.32 39.46l3.47.27a.58.58 0 0 0 .62-.54l2-26.18a.57.57 0 0 0-.4-.59l-3.4-1.14a.59.59 0 0 0-.77.5l-2.1 27.05a.6.6 0 0 0 .58.63"/><path fill="#ffe500" d="m21.49 44.42l-3.49.09a.57.57 0 0 1-.59-.56l-.66-26.26a.59.59 0 0 1 .43-.57l3.46-1a.58.58 0 0 1 .73.55l.68 27.12a.57.57 0 0 1-.56.63"/><path fill="#fff48c" d="m17.33 20.7l4.12-.88l-.08-3.11a.58.58 0 0 0-.73-.55l-3.46 1a.59.59 0 0 0-.43.57l.09 3.27a.7.7 0 0 1 .49-.3"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m21.49 44.42l-3.49.09a.57.57 0 0 1-.59-.56l-.66-26.26a.59.59 0 0 1 .43-.57l3.46-1a.58.58 0 0 1 .73.55l.68 27.12a.57.57 0 0 1-.56.63"/><path fill="#ffe500" d="m25.48 14.29l3.46.41a.58.58 0 0 1 .51.64l-3.09 26.08a.57.57 0 0 1-.51.51l-3.56.45a.58.58 0 0 1-.65-.64l3.2-26.94a.57.57 0 0 1 .64-.51"/><path fill="#fff48c" d="M28.75 18.26a.76.76 0 0 1 .34.11l.36-3a.58.58 0 0 0-.51-.64l-3.46-.41a.57.57 0 0 0-.64.51l-.35 2.95Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m25.48 14.29l3.46.41a.58.58 0 0 1 .51.64l-3.09 26.08a.57.57 0 0 1-.51.51l-3.56.45a.58.58 0 0 1-.65-.64l3.2-26.94a.57.57 0 0 1 .64-.51"/><path fill="#ff6242" d="M39.23 16a1.16 1.16 0 0 0-1.11.78c-1.5 4.88-7.25 8.51-14.12 8.51s-12.62-3.67-14.12-8.55A1.16 1.16 0 0 0 8.77 16H5.12l3.24 27a2.32 2.32 0 0 0 2.31 2h26.66a2.32 2.32 0 0 0 2.31-2l3.24-27Z"/><path fill="#ff866e" d="M7.5 21.19a1.16 1.16 0 0 1 1.11.68c1.5 4.3 8.52 7.5 15.39 7.5s13.89-3.2 15.39-7.5a1.16 1.16 0 0 1 1.11-.68h1.75l.63-5.19h-3.65a1.16 1.16 0 0 0-1.11.78c-1.5 4.88-7.25 8.51-14.12 8.51s-12.62-3.67-14.12-8.55A1.16 1.16 0 0 0 8.77 16H5.12l.63 5.23Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M39.23 16a1.16 1.16 0 0 0-1.11.78c-1.5 4.88-7.25 8.51-14.12 8.51s-12.62-3.67-14.12-8.55A1.16 1.16 0 0 0 8.77 16H5.12l3.24 27a2.32 2.32 0 0 0 2.31 2h26.66a2.32 2.32 0 0 0 2.31-2l3.24-27Z"/><path fill="#ffe500" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M17.61 35.13a6.39 4.07 0 1 0 12.78 0a6.39 4.07 0 1 0-12.78 0"/>`;
</script>
cssCSS mask（随 currentColor 改色）
.french-fries {
  width: 1em;
  height: 1em;
  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%2048%2048%22%3E%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M7.74%2045.26a16.26%201.74%200%201%200%2032.52%200a16.26%201.74%200%201%200-32.52%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22%23e04122%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M24%203.77C13.4%203.77%204.87%209.27%205.12%2016l3.24%2027a2.32%202.32%200%200%200%202.31%202h26.66a2.32%202.32%200%200%200%202.31-2l3.24-27C43.13%209.27%2034.6%203.77%2024%203.77%22%2F%3E%3Cpath%20fill%3D%22%23ffe500%22%20d%3D%22m15.1%2030.56l-3.44.59a.58.58%200%200%201-.67-.47L6.54%204.79a.58.58%200%200%201%20.34-.62l3.29-1.45a.57.57%200%200%201%20.8.43l4.6%2026.74a.58.58%200%200%201-.47.67%22%2F%3E%3Cpath%20fill%3D%22%23fff48c%22%20d%3D%22m7%207.53l4.44-1.63L11%203.15a.57.57%200%200%200-.8-.43L6.88%204.17a.57.57%200%200%200-.34.62Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m15.1%2030.56l-3.44.59a.58.58%200%200%201-.67-.47L6.54%204.79a.58.58%200%200%201%20.34-.62l3.29-1.45a.57.57%200%200%201%20.8.43l4.6%2026.74a.58.58%200%200%201-.47.67%22%2F%3E%3Cpath%20fill%3D%22%23ffe500%22%20d%3D%22M16.16%202.61h3.49a.58.58%200%200%201%20.58.58L20%2029.48a.57.57%200%200%201-.44.56l-3.49.85a.59.59%200%200%201-.72-.57l.22-27.14a.57.57%200%200%201%20.59-.57%22%2F%3E%3Cpath%20fill%3D%22%23fff48c%22%20d%3D%22M20.2%206.56V3.22a.58.58%200%200%200-.58-.58h-3.49a.57.57%200%200%200-.58.57v3.34Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M16.16%202.61h3.49a.58.58%200%200%201%20.58.58L20%2029.48a.57.57%200%200%201-.44.56l-3.49.85a.59.59%200%200%201-.72-.57l.22-27.14a.57.57%200%200%201%20.59-.57%22%2F%3E%3Cpath%20fill%3D%22%23ffe500%22%20d%3D%22m22.61%206.72l3.47.28a.58.58%200%200%201%20.53.63L24.46%2033.8a.58.58%200%200%201-.49.53l-3.54.58a.58.58%200%200%201-.67-.62L22%207.25a.58.58%200%200%201%20.61-.53%22%2F%3E%3Cpath%20fill%3D%22%23fff48c%22%20d%3D%22M26.61%207.63a.58.58%200%200%200-.53-.63l-3.47-.28a.58.58%200%200%200-.63.53l-.25%203.07l4.63.38Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m22.61%206.72l3.47.28a.58.58%200%200%201%20.53.63L24.46%2033.8a.58.58%200%200%201-.49.53l-3.54.58a.58.58%200%200%201-.67-.62L22%207.25a.58.58%200%200%201%20.61-.53%22%2F%3E%3Cpath%20fill%3D%22%23ffe500%22%20d%3D%22m36.94%2035.31l-3.44-.52a.58.58%200%200%201-.49-.66l3.89-26a.57.57%200%200%201%20.52-.49L41%207.32a.59.59%200%200%201%20.63.67l-4%2026.83a.58.58%200%200%201-.69.49%22%2F%3E%3Cpath%20fill%3D%22%23fff48c%22%20d%3D%22M40.42%2010.39a.79.79%200%200%201%20.78.43L41.63%208a.59.59%200%200%200-.63-.68l-3.58.35a.57.57%200%200%200-.52.49l-.36%202.41Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m36.94%2035.31l-3.44-.52a.58.58%200%200%201-.49-.66l3.89-26a.57.57%200%200%201%20.52-.49L41%207.32a.59.59%200%200%201%20.63.67l-4%2026.83a.58.58%200%200%201-.69.49%22%2F%3E%3Cpath%20fill%3D%22%23ffe500%22%20d%3D%22m31.59%2030.36l3.48-.26a.58.58%200%200%200%20.53-.63l-2-26.18a.58.58%200%200%200-.48-.53l-3.54-.61a.58.58%200%200%200-.68.61l2%2027.06a.58.58%200%200%200%20.69.54%22%2F%3E%3Cpath%20fill%3D%22%23fff48c%22%20d%3D%22m29.69%206.2l4.2.53l-.25-3.44a.58.58%200%200%200-.48-.53l-3.54-.61a.58.58%200%200%200-.68.61l.26%203.54a.82.82%200%200%201%20.49-.1%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m31.59%2030.36l3.48-.26a.58.58%200%200%200%20.53-.63l-2-26.18a.58.58%200%200%200-.48-.53l-3.54-.61a.58.58%200%200%200-.68.61l2%2027.06a.58.58%200%200%200%20.69.54%22%2F%3E%3Cpath%20fill%3D%22%23ffe500%22%20d%3D%22m34.6%2037.72l-3.44.59a.59.59%200%200%201-.67-.48L26%2012a.6.6%200%200%201%20.34-.63l3.29-1.45a.58.58%200%200%201%20.8.44l4.6%2026.74a.59.59%200%200%201-.43.62%22%2F%3E%3Cpath%20fill%3D%22%23fff48c%22%20d%3D%22m31.13%2014.13l-.66-3.82a.58.58%200%200%200-.8-.44l-3.29%201.45A.6.6%200%200%200%2026%2012l.66%203.81Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m34.6%2037.72l-3.44.59a.59.59%200%200%201-.67-.48L26%2012a.6.6%200%200%201%20.34-.63l3.29-1.45a.58.58%200%200%201%20.8.44l4.6%2026.74a.59.59%200%200%201-.43.62%22%2F%3E%3Cpath%20fill%3D%22%23ffe500%22%20d%3D%22m12.32%2039.46l3.47.27a.58.58%200%200%200%20.62-.54l2-26.18a.57.57%200%200%200-.4-.59l-3.4-1.14a.59.59%200%200%200-.77.5l-2.1%2027.05a.6.6%200%200%200%20.58.63%22%2F%3E%3Cpath%20fill%3D%22%23fff48c%22%20d%3D%22m18.24%2015.7l.21-2.7a.57.57%200%200%200-.4-.59l-3.4-1.14a.59.59%200%200%200-.77.5l-.21%202.71Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m12.32%2039.46l3.47.27a.58.58%200%200%200%20.62-.54l2-26.18a.57.57%200%200%200-.4-.59l-3.4-1.14a.59.59%200%200%200-.77.5l-2.1%2027.05a.6.6%200%200%200%20.58.63%22%2F%3E%3Cpath%20fill%3D%22%23ffe500%22%20d%3D%22m21.49%2044.42l-3.49.09a.57.57%200%200%201-.59-.56l-.66-26.26a.59.59%200%200%201%20.43-.57l3.46-1a.58.58%200%200%201%20.73.55l.68%2027.12a.57.57%200%200%201-.56.63%22%2F%3E%3Cpath%20fill%3D%22%23fff48c%22%20d%3D%22m17.33%2020.7l4.12-.88l-.08-3.11a.58.58%200%200%200-.73-.55l-3.46%201a.59.59%200%200%200-.43.57l.09%203.27a.7.7%200%200%201%20.49-.3%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m21.49%2044.42l-3.49.09a.57.57%200%200%201-.59-.56l-.66-26.26a.59.59%200%200%201%20.43-.57l3.46-1a.58.58%200%200%201%20.73.55l.68%2027.12a.57.57%200%200%201-.56.63%22%2F%3E%3Cpath%20fill%3D%22%23ffe500%22%20d%3D%22m25.48%2014.29l3.46.41a.58.58%200%200%201%20.51.64l-3.09%2026.08a.57.57%200%200%201-.51.51l-3.56.45a.58.58%200%200%201-.65-.64l3.2-26.94a.57.57%200%200%201%20.64-.51%22%2F%3E%3Cpath%20fill%3D%22%23fff48c%22%20d%3D%22M28.75%2018.26a.76.76%200%200%201%20.34.11l.36-3a.58.58%200%200%200-.51-.64l-3.46-.41a.57.57%200%200%200-.64.51l-.35%202.95Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m25.48%2014.29l3.46.41a.58.58%200%200%201%20.51.64l-3.09%2026.08a.57.57%200%200%201-.51.51l-3.56.45a.58.58%200%200%201-.65-.64l3.2-26.94a.57.57%200%200%201%20.64-.51%22%2F%3E%3Cpath%20fill%3D%22%23ff6242%22%20d%3D%22M39.23%2016a1.16%201.16%200%200%200-1.11.78c-1.5%204.88-7.25%208.51-14.12%208.51s-12.62-3.67-14.12-8.55A1.16%201.16%200%200%200%208.77%2016H5.12l3.24%2027a2.32%202.32%200%200%200%202.31%202h26.66a2.32%202.32%200%200%200%202.31-2l3.24-27Z%22%2F%3E%3Cpath%20fill%3D%22%23ff866e%22%20d%3D%22M7.5%2021.19a1.16%201.16%200%200%201%201.11.68c1.5%204.3%208.52%207.5%2015.39%207.5s13.89-3.2%2015.39-7.5a1.16%201.16%200%200%201%201.11-.68h1.75l.63-5.19h-3.65a1.16%201.16%200%200%200-1.11.78c-1.5%204.88-7.25%208.51-14.12%208.51s-12.62-3.67-14.12-8.55A1.16%201.16%200%200%200%208.77%2016H5.12l.63%205.23Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M39.23%2016a1.16%201.16%200%200%200-1.11.78c-1.5%204.88-7.25%208.51-14.12%208.51s-12.62-3.67-14.12-8.55A1.16%201.16%200%200%200%208.77%2016H5.12l3.24%2027a2.32%202.32%200%200%200%202.31%202h26.66a2.32%202.32%200%200%200%202.31-2l3.24-27Z%22%2F%3E%3Cpath%20fill%3D%22%23ffe500%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M17.61%2035.13a6.39%204.07%200%201%200%2012.78%200a6.39%204.07%200%201%200-12.78%200%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%2048%2048%22%3E%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M7.74%2045.26a16.26%201.74%200%201%200%2032.52%200a16.26%201.74%200%201%200-32.52%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22%23e04122%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M24%203.77C13.4%203.77%204.87%209.27%205.12%2016l3.24%2027a2.32%202.32%200%200%200%202.31%202h26.66a2.32%202.32%200%200%200%202.31-2l3.24-27C43.13%209.27%2034.6%203.77%2024%203.77%22%2F%3E%3Cpath%20fill%3D%22%23ffe500%22%20d%3D%22m15.1%2030.56l-3.44.59a.58.58%200%200%201-.67-.47L6.54%204.79a.58.58%200%200%201%20.34-.62l3.29-1.45a.57.57%200%200%201%20.8.43l4.6%2026.74a.58.58%200%200%201-.47.67%22%2F%3E%3Cpath%20fill%3D%22%23fff48c%22%20d%3D%22m7%207.53l4.44-1.63L11%203.15a.57.57%200%200%200-.8-.43L6.88%204.17a.57.57%200%200%200-.34.62Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m15.1%2030.56l-3.44.59a.58.58%200%200%201-.67-.47L6.54%204.79a.58.58%200%200%201%20.34-.62l3.29-1.45a.57.57%200%200%201%20.8.43l4.6%2026.74a.58.58%200%200%201-.47.67%22%2F%3E%3Cpath%20fill%3D%22%23ffe500%22%20d%3D%22M16.16%202.61h3.49a.58.58%200%200%201%20.58.58L20%2029.48a.57.57%200%200%201-.44.56l-3.49.85a.59.59%200%200%201-.72-.57l.22-27.14a.57.57%200%200%201%20.59-.57%22%2F%3E%3Cpath%20fill%3D%22%23fff48c%22%20d%3D%22M20.2%206.56V3.22a.58.58%200%200%200-.58-.58h-3.49a.57.57%200%200%200-.58.57v3.34Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M16.16%202.61h3.49a.58.58%200%200%201%20.58.58L20%2029.48a.57.57%200%200%201-.44.56l-3.49.85a.59.59%200%200%201-.72-.57l.22-27.14a.57.57%200%200%201%20.59-.57%22%2F%3E%3Cpath%20fill%3D%22%23ffe500%22%20d%3D%22m22.61%206.72l3.47.28a.58.58%200%200%201%20.53.63L24.46%2033.8a.58.58%200%200%201-.49.53l-3.54.58a.58.58%200%200%201-.67-.62L22%207.25a.58.58%200%200%201%20.61-.53%22%2F%3E%3Cpath%20fill%3D%22%23fff48c%22%20d%3D%22M26.61%207.63a.58.58%200%200%200-.53-.63l-3.47-.28a.58.58%200%200%200-.63.53l-.25%203.07l4.63.38Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m22.61%206.72l3.47.28a.58.58%200%200%201%20.53.63L24.46%2033.8a.58.58%200%200%201-.49.53l-3.54.58a.58.58%200%200%201-.67-.62L22%207.25a.58.58%200%200%201%20.61-.53%22%2F%3E%3Cpath%20fill%3D%22%23ffe500%22%20d%3D%22m36.94%2035.31l-3.44-.52a.58.58%200%200%201-.49-.66l3.89-26a.57.57%200%200%201%20.52-.49L41%207.32a.59.59%200%200%201%20.63.67l-4%2026.83a.58.58%200%200%201-.69.49%22%2F%3E%3Cpath%20fill%3D%22%23fff48c%22%20d%3D%22M40.42%2010.39a.79.79%200%200%201%20.78.43L41.63%208a.59.59%200%200%200-.63-.68l-3.58.35a.57.57%200%200%200-.52.49l-.36%202.41Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m36.94%2035.31l-3.44-.52a.58.58%200%200%201-.49-.66l3.89-26a.57.57%200%200%201%20.52-.49L41%207.32a.59.59%200%200%201%20.63.67l-4%2026.83a.58.58%200%200%201-.69.49%22%2F%3E%3Cpath%20fill%3D%22%23ffe500%22%20d%3D%22m31.59%2030.36l3.48-.26a.58.58%200%200%200%20.53-.63l-2-26.18a.58.58%200%200%200-.48-.53l-3.54-.61a.58.58%200%200%200-.68.61l2%2027.06a.58.58%200%200%200%20.69.54%22%2F%3E%3Cpath%20fill%3D%22%23fff48c%22%20d%3D%22m29.69%206.2l4.2.53l-.25-3.44a.58.58%200%200%200-.48-.53l-3.54-.61a.58.58%200%200%200-.68.61l.26%203.54a.82.82%200%200%201%20.49-.1%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m31.59%2030.36l3.48-.26a.58.58%200%200%200%20.53-.63l-2-26.18a.58.58%200%200%200-.48-.53l-3.54-.61a.58.58%200%200%200-.68.61l2%2027.06a.58.58%200%200%200%20.69.54%22%2F%3E%3Cpath%20fill%3D%22%23ffe500%22%20d%3D%22m34.6%2037.72l-3.44.59a.59.59%200%200%201-.67-.48L26%2012a.6.6%200%200%201%20.34-.63l3.29-1.45a.58.58%200%200%201%20.8.44l4.6%2026.74a.59.59%200%200%201-.43.62%22%2F%3E%3Cpath%20fill%3D%22%23fff48c%22%20d%3D%22m31.13%2014.13l-.66-3.82a.58.58%200%200%200-.8-.44l-3.29%201.45A.6.6%200%200%200%2026%2012l.66%203.81Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m34.6%2037.72l-3.44.59a.59.59%200%200%201-.67-.48L26%2012a.6.6%200%200%201%20.34-.63l3.29-1.45a.58.58%200%200%201%20.8.44l4.6%2026.74a.59.59%200%200%201-.43.62%22%2F%3E%3Cpath%20fill%3D%22%23ffe500%22%20d%3D%22m12.32%2039.46l3.47.27a.58.58%200%200%200%20.62-.54l2-26.18a.57.57%200%200%200-.4-.59l-3.4-1.14a.59.59%200%200%200-.77.5l-2.1%2027.05a.6.6%200%200%200%20.58.63%22%2F%3E%3Cpath%20fill%3D%22%23fff48c%22%20d%3D%22m18.24%2015.7l.21-2.7a.57.57%200%200%200-.4-.59l-3.4-1.14a.59.59%200%200%200-.77.5l-.21%202.71Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m12.32%2039.46l3.47.27a.58.58%200%200%200%20.62-.54l2-26.18a.57.57%200%200%200-.4-.59l-3.4-1.14a.59.59%200%200%200-.77.5l-2.1%2027.05a.6.6%200%200%200%20.58.63%22%2F%3E%3Cpath%20fill%3D%22%23ffe500%22%20d%3D%22m21.49%2044.42l-3.49.09a.57.57%200%200%201-.59-.56l-.66-26.26a.59.59%200%200%201%20.43-.57l3.46-1a.58.58%200%200%201%20.73.55l.68%2027.12a.57.57%200%200%201-.56.63%22%2F%3E%3Cpath%20fill%3D%22%23fff48c%22%20d%3D%22m17.33%2020.7l4.12-.88l-.08-3.11a.58.58%200%200%200-.73-.55l-3.46%201a.59.59%200%200%200-.43.57l.09%203.27a.7.7%200%200%201%20.49-.3%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m21.49%2044.42l-3.49.09a.57.57%200%200%201-.59-.56l-.66-26.26a.59.59%200%200%201%20.43-.57l3.46-1a.58.58%200%200%201%20.73.55l.68%2027.12a.57.57%200%200%201-.56.63%22%2F%3E%3Cpath%20fill%3D%22%23ffe500%22%20d%3D%22m25.48%2014.29l3.46.41a.58.58%200%200%201%20.51.64l-3.09%2026.08a.57.57%200%200%201-.51.51l-3.56.45a.58.58%200%200%201-.65-.64l3.2-26.94a.57.57%200%200%201%20.64-.51%22%2F%3E%3Cpath%20fill%3D%22%23fff48c%22%20d%3D%22M28.75%2018.26a.76.76%200%200%201%20.34.11l.36-3a.58.58%200%200%200-.51-.64l-3.46-.41a.57.57%200%200%200-.64.51l-.35%202.95Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m25.48%2014.29l3.46.41a.58.58%200%200%201%20.51.64l-3.09%2026.08a.57.57%200%200%201-.51.51l-3.56.45a.58.58%200%200%201-.65-.64l3.2-26.94a.57.57%200%200%201%20.64-.51%22%2F%3E%3Cpath%20fill%3D%22%23ff6242%22%20d%3D%22M39.23%2016a1.16%201.16%200%200%200-1.11.78c-1.5%204.88-7.25%208.51-14.12%208.51s-12.62-3.67-14.12-8.55A1.16%201.16%200%200%200%208.77%2016H5.12l3.24%2027a2.32%202.32%200%200%200%202.31%202h26.66a2.32%202.32%200%200%200%202.31-2l3.24-27Z%22%2F%3E%3Cpath%20fill%3D%22%23ff866e%22%20d%3D%22M7.5%2021.19a1.16%201.16%200%200%201%201.11.68c1.5%204.3%208.52%207.5%2015.39%207.5s13.89-3.2%2015.39-7.5a1.16%201.16%200%200%201%201.11-.68h1.75l.63-5.19h-3.65a1.16%201.16%200%200%200-1.11.78c-1.5%204.88-7.25%208.51-14.12%208.51s-12.62-3.67-14.12-8.55A1.16%201.16%200%200%200%208.77%2016H5.12l.63%205.23Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M39.23%2016a1.16%201.16%200%200%200-1.11.78c-1.5%204.88-7.25%208.51-14.12%208.51s-12.62-3.67-14.12-8.55A1.16%201.16%200%200%200%208.77%2016H5.12l3.24%2027a2.32%202.32%200%200%200%202.31%202h26.66a2.32%202.32%200%200%200%202.31-2l3.24-27Z%22%2F%3E%3Cpath%20fill%3D%22%23ffe500%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M17.61%2035.13a6.39%204.07%200%201%200%2012.78%200a6.39%204.07%200%201%200-12.78%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

给 french-fries 加一点动效

单文件 CSS 即可播放，无需任何依赖；描画动效仅对描边类图标生效。

french-fries 呼吸动效演示

呼吸

透明度往复渐变，适合状态提示与在线指示。

css呼吸动效样式
.icon-french-fries {
  animation: icon-breathe 1.8s ease-in-out infinite;
}

@keyframes icon-breathe {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.35; }
}
french-fries 旋转动效演示

旋转

匀速循环旋转，适合加载中场景。

css旋转动效样式
.icon-french-fries {
  animation: icon-spin 1.6s linear infinite;
}

@keyframes icon-spin {
  to { transform: rotate(360deg); }
}
french-fries 描画动效演示

描画

线条从无到有依次绘出，适合线性图标与首屏引导。

css描画动效样式
.icon-french-fries path {
  stroke-dasharray: 120;
  animation: icon-draw 1.2s ease forwards;
}

@keyframes icon-draw {
  from { stroke-dashoffset: 120; }
  to { stroke-dashoffset: 0; }
}

SVG 健康报告

对源文件的客观技术指标，供工程侧评估引用方式。

文件体积

5.59 KB

5,721 字节

viewBox

0 0 48 48

矢量坐标系

图元总数

33

<path> ×33

风格

多色填充

描边可随字号加粗

同时含 width/height 与 viewBox：可以只保留 viewBox，让图标跟随容器自适应缩放。 文件体积 5.59 KB（5,721 字节），图元 33 个，风格为多色填充。

常见问题

关于 french-fries 图标的下载、商用与改色。

french-fries 图标是什么？▾

它是 Streamline Emojis（streamline-emojis）开源图标集中的 french-fries 图标，多色填充，viewBox 为 0 0 48 48，文件仅 5.59 KB，矢量格式可无损缩放到任意尺寸。

如何下载 french-fries 图标？▾

点击「下载与导出」中的 SVG 源文件按钮保存矢量文件；也可以按 512 / 256 / 128 / 64 / 32 / 16px 预设导出 PNG，或在输入框填 16~1024 之间的任意尺寸。需要 iOS、Android 全套尺寸时，用素材包生成器一键打包。

french-fries 图标可以商用吗？▾

该图标采用 CC BY 4.0（CC-BY-4.0） 开源协议，通常允许在遵守协议的前提下免费使用，常见要求是保留作者版权声明。商用前建议阅读协议原文确认。

如何修改 french-fries 图标的颜色？▾

在「预览与场景」的色板中切换颜色，三底色与全部场景会实时跟随；点击任一相近图标可打开预览弹层，复制对应颜色的 SVG 源码或 PNG。也可以复制 SVG 源码后自行修改 fill 值。