hotdog icon

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

Name: hotdog
Set: Font Awesome Solid
Style: Solid
Category: Food
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

hotdogFont Awesome 6 Solid hotdog-outlineFlowbite Icons hotdogHuge Icons hotdogLine Awesome

More food icons from Font Awesome Solid

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

Use the hotdog icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M352 64c-20.5 0-40.1 8.1-54.6 22.6L86.6 297.4C72.1 311.9 64 331.5 64 352c0 12.2 2.9 24.1 8.2 34.7L386.7 72.2C376.1 66.9 364.2 64 352 64m-64 512c20.5 0 40.1-8.1 54.6-22.6l210.8-210.8c14.5-14.5 22.6-34.1 22.6-54.6c0-12.2-2.9-24.1-8.2-34.7L253.3 567.8c10.7 5.4 22.6 8.2 34.7 8.2m232.6-343.4c31.2-31.2 31.2-81.9 0-113.1s-81.9-31.2-113.1 0l-288 288c-31.2 31.2-31.2 81.9 0 113.1s81.9 31.2 113.1 0z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidHotdog(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M352 64c-20.5 0-40.1 8.1-54.6 22.6L86.6 297.4C72.1 311.9 64 331.5 64 352c0 12.2 2.9 24.1 8.2 34.7L386.7 72.2C376.1 66.9 364.2 64 352 64m-64 512c20.5 0 40.1-8.1 54.6-22.6l210.8-210.8c14.5-14.5 22.6-34.1 22.6-54.6c0-12.2-2.9-24.1-8.2-34.7L253.3 567.8c10.7 5.4 22.6 8.2 34.7 8.2m232.6-343.4c31.2-31.2 31.2-81.9 0-113.1s-81.9-31.2-113.1 0l-288 288c-31.2 31.2-31.2 81.9 0 113.1s81.9 31.2 113.1 0z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M352 64c-20.5 0-40.1 8.1-54.6 22.6L86.6 297.4C72.1 311.9 64 331.5 64 352c0 12.2 2.9 24.1 8.2 34.7L386.7 72.2C376.1 66.9 364.2 64 352 64m-64 512c20.5 0 40.1-8.1 54.6-22.6l210.8-210.8c14.5-14.5 22.6-34.1 22.6-54.6c0-12.2-2.9-24.1-8.2-34.7L253.3 567.8c10.7 5.4 22.6 8.2 34.7 8.2m232.6-343.4c31.2-31.2 31.2-81.9 0-113.1s-81.9-31.2-113.1 0l-288 288c-31.2 31.2-31.2 81.9 0 113.1s81.9 31.2 113.1 0z"/></svg>
</template>

CSS

.icon-hotdog {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M352%2064c-20.5%200-40.1%208.1-54.6%2022.6L86.6%20297.4C72.1%20311.9%2064%20331.5%2064%20352c0%2012.2%202.9%2024.1%208.2%2034.7L386.7%2072.2C376.1%2066.9%20364.2%2064%20352%2064m-64%20512c20.5%200%2040.1-8.1%2054.6-22.6l210.8-210.8c14.5-14.5%2022.6-34.1%2022.6-54.6c0-12.2-2.9-24.1-8.2-34.7L253.3%20567.8c10.7%205.4%2022.6%208.2%2034.7%208.2m232.6-343.4c31.2-31.2%2031.2-81.9%200-113.1s-81.9-31.2-113.1%200l-288%20288c-31.2%2031.2-31.2%2081.9%200%20113.1s81.9%2031.2%20113.1%200z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M352%2064c-20.5%200-40.1%208.1-54.6%2022.6L86.6%20297.4C72.1%20311.9%2064%20331.5%2064%20352c0%2012.2%202.9%2024.1%208.2%2034.7L386.7%2072.2C376.1%2066.9%20364.2%2064%20352%2064m-64%20512c20.5%200%2040.1-8.1%2054.6-22.6l210.8-210.8c14.5-14.5%2022.6-34.1%2022.6-54.6c0-12.2-2.9-24.1-8.2-34.7L253.3%20567.8c10.7%205.4%2022.6%208.2%2034.7%208.2m232.6-343.4c31.2-31.2%2031.2-81.9%200-113.1s-81.9-31.2-113.1%200l-288%20288c-31.2%2031.2-31.2%2081.9%200%20113.1s81.9%2031.2%20113.1%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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