bacon icon

bacon from Font Awesome 6 Solid by Dave Gandy · Regular · Food · CC-BY-4.0 Attribution required.

Name: bacon
Set: Font Awesome 6 Solid
Style: Regular
Category: Food
Viewbox: 576×512
License: CC BY 4.0

The same icon in other sets

baconEmoji One (Colored)baconFont Awesome Solid bacon-outlineFlowbite Icons baconFluent Emoji baconFluent Emoji Flat baconFluent Emoji High Contrast baconLine Awesome baconLucide Lab baconNoto Emoji baconOpenMoji baconTwitter Emoji

More food icons from Font Awesome 6 Solid

bone bread-slice candy-cane carrot cheese cloud-meatball egg hotdog lemon pepper-hot pizza-slice stroopwafel

Use the bacon icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M439.2 1.2c11.2-3.2 23.2-.1 31.4 8.1L518 56.7l-26.5 7.9c-58 16.6-98.1 39.6-129.6 67.4c-31.2 27.5-53.2 59.1-75.1 90.9l-2.3 3.3C241.6 288.7 195 356.6 72.8 417.7l-34.9 17.5l-28.5-28.6c-7.3-7.3-10.6-17.6-9-27.8s8.1-18.9 17.3-23.5c118.4-59.1 163.2-124.3 205.6-186l2.3-3.4c21.8-31.8 44.9-64.9 77.7-93.9c33.4-29.5 75.8-53.6 135.9-70.8M61.8 459l25.4-12.7c129.5-64.7 179.9-138.1 223.8-202l2.2-3.3c22.1-32.1 42.1-60.5 69.9-85.1c27.5-24.3 63.4-45.2 117.3-60.6l.2-.1l43.1-12.9l23 23c8 8 11.2 19.7 8.3 30.7s-11.3 19.6-22.2 22.7c-51.9 14.8-85.6 34.7-111.1 57.2c-26.1 23-45.1 49.9-67.3 82.1l-2.2 3.2c-44.4 64.7-96.7 140.8-229.9 207.4c-12.3 6.2-27.2 3.7-36.9-6z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidBacon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M439.2 1.2c11.2-3.2 23.2-.1 31.4 8.1L518 56.7l-26.5 7.9c-58 16.6-98.1 39.6-129.6 67.4c-31.2 27.5-53.2 59.1-75.1 90.9l-2.3 3.3C241.6 288.7 195 356.6 72.8 417.7l-34.9 17.5l-28.5-28.6c-7.3-7.3-10.6-17.6-9-27.8s8.1-18.9 17.3-23.5c118.4-59.1 163.2-124.3 205.6-186l2.3-3.4c21.8-31.8 44.9-64.9 77.7-93.9c33.4-29.5 75.8-53.6 135.9-70.8M61.8 459l25.4-12.7c129.5-64.7 179.9-138.1 223.8-202l2.2-3.3c22.1-32.1 42.1-60.5 69.9-85.1c27.5-24.3 63.4-45.2 117.3-60.6l.2-.1l43.1-12.9l23 23c8 8 11.2 19.7 8.3 30.7s-11.3 19.6-22.2 22.7c-51.9 14.8-85.6 34.7-111.1 57.2c-26.1 23-45.1 49.9-67.3 82.1l-2.2 3.2c-44.4 64.7-96.7 140.8-229.9 207.4c-12.3 6.2-27.2 3.7-36.9-6z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M439.2 1.2c11.2-3.2 23.2-.1 31.4 8.1L518 56.7l-26.5 7.9c-58 16.6-98.1 39.6-129.6 67.4c-31.2 27.5-53.2 59.1-75.1 90.9l-2.3 3.3C241.6 288.7 195 356.6 72.8 417.7l-34.9 17.5l-28.5-28.6c-7.3-7.3-10.6-17.6-9-27.8s8.1-18.9 17.3-23.5c118.4-59.1 163.2-124.3 205.6-186l2.3-3.4c21.8-31.8 44.9-64.9 77.7-93.9c33.4-29.5 75.8-53.6 135.9-70.8M61.8 459l25.4-12.7c129.5-64.7 179.9-138.1 223.8-202l2.2-3.3c22.1-32.1 42.1-60.5 69.9-85.1c27.5-24.3 63.4-45.2 117.3-60.6l.2-.1l43.1-12.9l23 23c8 8 11.2 19.7 8.3 30.7s-11.3 19.6-22.2 22.7c-51.9 14.8-85.6 34.7-111.1 57.2c-26.1 23-45.1 49.9-67.3 82.1l-2.2 3.2c-44.4 64.7-96.7 140.8-229.9 207.4c-12.3 6.2-27.2 3.7-36.9-6z"/></svg>
</template>

CSS

.icon-bacon {
  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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M439.2%201.2c11.2-3.2%2023.2-.1%2031.4%208.1L518%2056.7l-26.5%207.9c-58%2016.6-98.1%2039.6-129.6%2067.4c-31.2%2027.5-53.2%2059.1-75.1%2090.9l-2.3%203.3C241.6%20288.7%20195%20356.6%2072.8%20417.7l-34.9%2017.5l-28.5-28.6c-7.3-7.3-10.6-17.6-9-27.8s8.1-18.9%2017.3-23.5c118.4-59.1%20163.2-124.3%20205.6-186l2.3-3.4c21.8-31.8%2044.9-64.9%2077.7-93.9c33.4-29.5%2075.8-53.6%20135.9-70.8M61.8%20459l25.4-12.7c129.5-64.7%20179.9-138.1%20223.8-202l2.2-3.3c22.1-32.1%2042.1-60.5%2069.9-85.1c27.5-24.3%2063.4-45.2%20117.3-60.6l.2-.1l43.1-12.9l23%2023c8%208%2011.2%2019.7%208.3%2030.7s-11.3%2019.6-22.2%2022.7c-51.9%2014.8-85.6%2034.7-111.1%2057.2c-26.1%2023-45.1%2049.9-67.3%2082.1l-2.2%203.2c-44.4%2064.7-96.7%20140.8-229.9%20207.4c-12.3%206.2-27.2%203.7-36.9-6z%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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M439.2%201.2c11.2-3.2%2023.2-.1%2031.4%208.1L518%2056.7l-26.5%207.9c-58%2016.6-98.1%2039.6-129.6%2067.4c-31.2%2027.5-53.2%2059.1-75.1%2090.9l-2.3%203.3C241.6%20288.7%20195%20356.6%2072.8%20417.7l-34.9%2017.5l-28.5-28.6c-7.3-7.3-10.6-17.6-9-27.8s8.1-18.9%2017.3-23.5c118.4-59.1%20163.2-124.3%20205.6-186l2.3-3.4c21.8-31.8%2044.9-64.9%2077.7-93.9c33.4-29.5%2075.8-53.6%20135.9-70.8M61.8%20459l25.4-12.7c129.5-64.7%20179.9-138.1%20223.8-202l2.2-3.3c22.1-32.1%2042.1-60.5%2069.9-85.1c27.5-24.3%2063.4-45.2%20117.3-60.6l.2-.1l43.1-12.9l23%2023c8%208%2011.2%2019.7%208.3%2030.7s-11.3%2019.6-22.2%2022.7c-51.9%2014.8-85.6%2034.7-111.1%2057.2c-26.1%2023-45.1%2049.9-67.3%2082.1l-2.2%203.2c-44.4%2064.7-96.7%20140.8-229.9%20207.4c-12.3%206.2-27.2%203.7-36.9-6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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