food apple icon

food-apple-24-filled from Fluent UI System Icons by Microsoft Corporation · 24 Filled · MIT Free for personal and commercial use.

Name: food-apple-24-filled
Set: Fluent UI System Icons
Style: 24 Filled
Viewbox: 24×24
License: MIT

3 other variants in Fluent UI System Icons

food-apple-20-filled food-apple-20-regular food-apple-24-regular

The same icon in other sets

food-appleMaterial Design Icons

Related icons in Fluent UI System Icons

food-cake-12-filled food-carrot-20-filled food-chicken-leg-16-filled food-egg-16-filled food-fish-20-filled food-grains-20-filled food-pizza-20-filled food-toast-16-filled

Use the food apple icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.471 3.42A5.18 5.18 0 0 0 6.89 7.301a5.12 5.12 0 0 0-3.66 4.216a10.46 10.46 0 0 0 1.37 6.797l.35.59l.043.063l1.416 1.906a3.462 3.462 0 0 0 5.275.336a.437.437 0 0 1 .63 0a3.462 3.462 0 0 0 5.275-.336l1.416-1.907l.042-.063l.351-.59a10.46 10.46 0 0 0 1.373-6.795a5.12 5.12 0 0 0-6.11-4.306l-1.901.394h-.003c.03-.78.152-1.62.391-2.338c.29-.868.692-1.39 1.14-1.576a.75.75 0 1 0-.578-1.385c-1.052.439-1.65 1.48-1.985 2.486l-.046.142a5.2 5.2 0 0 0-.943-1.29a5.18 5.18 0 0 0-3.98-1.51A1.367 1.367 0 0 0 5.47 3.418m2.926 7.815c-.347.069-.665.313-.864.778c-.203.474-.275 1.177-.056 2.054a.75.75 0 0 1-1.455.364c-.28-1.122-.227-2.17.132-3.009c.363-.847 1.045-1.478 1.949-1.658a.75.75 0 1 1 .294 1.47"/></svg>

React

import type { SVGProps } from "react";

export function FluentFoodApple24Filled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.471 3.42A5.18 5.18 0 0 0 6.89 7.301a5.12 5.12 0 0 0-3.66 4.216a10.46 10.46 0 0 0 1.37 6.797l.35.59l.043.063l1.416 1.906a3.462 3.462 0 0 0 5.275.336a.437.437 0 0 1 .63 0a3.462 3.462 0 0 0 5.275-.336l1.416-1.907l.042-.063l.351-.59a10.46 10.46 0 0 0 1.373-6.795a5.12 5.12 0 0 0-6.11-4.306l-1.901.394h-.003c.03-.78.152-1.62.391-2.338c.29-.868.692-1.39 1.14-1.576a.75.75 0 1 0-.578-1.385c-1.052.439-1.65 1.48-1.985 2.486l-.046.142a5.2 5.2 0 0 0-.943-1.29a5.18 5.18 0 0 0-3.98-1.51A1.367 1.367 0 0 0 5.47 3.418m2.926 7.815c-.347.069-.665.313-.864.778c-.203.474-.275 1.177-.056 2.054a.75.75 0 0 1-1.455.364c-.28-1.122-.227-2.17.132-3.009c.363-.847 1.045-1.478 1.949-1.658a.75.75 0 1 1 .294 1.47"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.471 3.42A5.18 5.18 0 0 0 6.89 7.301a5.12 5.12 0 0 0-3.66 4.216a10.46 10.46 0 0 0 1.37 6.797l.35.59l.043.063l1.416 1.906a3.462 3.462 0 0 0 5.275.336a.437.437 0 0 1 .63 0a3.462 3.462 0 0 0 5.275-.336l1.416-1.907l.042-.063l.351-.59a10.46 10.46 0 0 0 1.373-6.795a5.12 5.12 0 0 0-6.11-4.306l-1.901.394h-.003c.03-.78.152-1.62.391-2.338c.29-.868.692-1.39 1.14-1.576a.75.75 0 1 0-.578-1.385c-1.052.439-1.65 1.48-1.985 2.486l-.046.142a5.2 5.2 0 0 0-.943-1.29a5.18 5.18 0 0 0-3.98-1.51A1.367 1.367 0 0 0 5.47 3.418m2.926 7.815c-.347.069-.665.313-.864.778c-.203.474-.275 1.177-.056 2.054a.75.75 0 0 1-1.455.364c-.28-1.122-.227-2.17.132-3.009c.363-.847 1.045-1.478 1.949-1.658a.75.75 0 1 1 .294 1.47"/></svg>
</template>

CSS

.icon-food-apple-24-filled {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.471%203.42A5.18%205.18%200%200%200%206.89%207.301a5.12%205.12%200%200%200-3.66%204.216a10.46%2010.46%200%200%200%201.37%206.797l.35.59l.043.063l1.416%201.906a3.462%203.462%200%200%200%205.275.336a.437.437%200%200%201%20.63%200a3.462%203.462%200%200%200%205.275-.336l1.416-1.907l.042-.063l.351-.59a10.46%2010.46%200%200%200%201.373-6.795a5.12%205.12%200%200%200-6.11-4.306l-1.901.394h-.003c.03-.78.152-1.62.391-2.338c.29-.868.692-1.39%201.14-1.576a.75.75%200%201%200-.578-1.385c-1.052.439-1.65%201.48-1.985%202.486l-.046.142a5.2%205.2%200%200%200-.943-1.29a5.18%205.18%200%200%200-3.98-1.51A1.367%201.367%200%200%200%205.47%203.418m2.926%207.815c-.347.069-.665.313-.864.778c-.203.474-.275%201.177-.056%202.054a.75.75%200%200%201-1.455.364c-.28-1.122-.227-2.17.132-3.009c.363-.847%201.045-1.478%201.949-1.658a.75.75%200%201%201%20.294%201.47%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.471%203.42A5.18%205.18%200%200%200%206.89%207.301a5.12%205.12%200%200%200-3.66%204.216a10.46%2010.46%200%200%200%201.37%206.797l.35.59l.043.063l1.416%201.906a3.462%203.462%200%200%200%205.275.336a.437.437%200%200%201%20.63%200a3.462%203.462%200%200%200%205.275-.336l1.416-1.907l.042-.063l.351-.59a10.46%2010.46%200%200%200%201.373-6.795a5.12%205.12%200%200%200-6.11-4.306l-1.901.394h-.003c.03-.78.152-1.62.391-2.338c.29-.868.692-1.39%201.14-1.576a.75.75%200%201%200-.578-1.385c-1.052.439-1.65%201.48-1.985%202.486l-.046.142a5.2%205.2%200%200%200-.943-1.29a5.18%205.18%200%200%200-3.98-1.51A1.367%201.367%200%200%200%205.47%203.418m2.926%207.815c-.347.069-.665.313-.864.778c-.203.474-.275%201.177-.056%202.054a.75.75%200%200%201-1.455.364c-.28-1.122-.227-2.17.132-3.009c.363-.847%201.045-1.478%201.949-1.658a.75.75%200%201%201%20.294%201.47%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/food-apple-24-filled.svg?color=%231a73e8&size=48