carrot icon

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

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

The same icon in other sets

carrotEmoji One (Colored)carrotFont Awesome Solidcarrot-outlineFlowbite IconscarrotFluent EmojicarrotFluent Emoji FlatcarrotFluent Emoji High ContrastcarrotHuge IconscarrotIconParkcarrotIconPark OutlinecarrotLine AwesomecarrotLucidecarrotMaterial Design Iconscarrot-fillMingCute IconcarrotNoto EmojicarrotOpenMojicarrotPhosphorcarrotTabler IconscarrotTwitter Emoji

More food icons from Font Awesome 6 Solid

baconbonebread-slicecandy-canecheesecloud-meatballegghotdoglemonpepper-hotpizza-slicestroopwafel

Use the carrot icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M346.7 6C337.6 17 320 42.3 320 72c0 40 15.3 55.3 40 80s40 40 80 40c29.7 0 55-17.6 66-26.7c4-3.3 6-8.2 6-13.3s-2-10-6-13.2c-11.4-9.1-38.3-26.8-74-26.8c-32 0-40 8-40 8s8-8 8-40c0-35.7-17.7-62.6-26.8-74c-3.2-4-8.1-6-13.2-6s-10 2-13.3 6M244.6 136c-40 0-77.1 18.1-101.7 48.2l60.5 60.5c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L125.5 212v.1L2.2 477.9C-2 487-.1 497.8 7 505s17.9 9 27.1 4.8l134.7-62.4l-52.1-52.1c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l60.4 60.3l100.2-46.4c46.4-21.5 76.2-68 76.2-119.2C376 194.8 317.2 136 244.6 136"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidCarrot(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M346.7 6C337.6 17 320 42.3 320 72c0 40 15.3 55.3 40 80s40 40 80 40c29.7 0 55-17.6 66-26.7c4-3.3 6-8.2 6-13.3s-2-10-6-13.2c-11.4-9.1-38.3-26.8-74-26.8c-32 0-40 8-40 8s8-8 8-40c0-35.7-17.7-62.6-26.8-74c-3.2-4-8.1-6-13.2-6s-10 2-13.3 6M244.6 136c-40 0-77.1 18.1-101.7 48.2l60.5 60.5c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L125.5 212v.1L2.2 477.9C-2 487-.1 497.8 7 505s17.9 9 27.1 4.8l134.7-62.4l-52.1-52.1c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l60.4 60.3l100.2-46.4c46.4-21.5 76.2-68 76.2-119.2C376 194.8 317.2 136 244.6 136"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M346.7 6C337.6 17 320 42.3 320 72c0 40 15.3 55.3 40 80s40 40 80 40c29.7 0 55-17.6 66-26.7c4-3.3 6-8.2 6-13.3s-2-10-6-13.2c-11.4-9.1-38.3-26.8-74-26.8c-32 0-40 8-40 8s8-8 8-40c0-35.7-17.7-62.6-26.8-74c-3.2-4-8.1-6-13.2-6s-10 2-13.3 6M244.6 136c-40 0-77.1 18.1-101.7 48.2l60.5 60.5c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L125.5 212v.1L2.2 477.9C-2 487-.1 497.8 7 505s17.9 9 27.1 4.8l134.7-62.4l-52.1-52.1c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l60.4 60.3l100.2-46.4c46.4-21.5 76.2-68 76.2-119.2C376 194.8 317.2 136 244.6 136"/></svg>
</template>

CSS

.icon-carrot {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M346.7%206C337.6%2017%20320%2042.3%20320%2072c0%2040%2015.3%2055.3%2040%2080s40%2040%2080%2040c29.7%200%2055-17.6%2066-26.7c4-3.3%206-8.2%206-13.3s-2-10-6-13.2c-11.4-9.1-38.3-26.8-74-26.8c-32%200-40%208-40%208s8-8%208-40c0-35.7-17.7-62.6-26.8-74c-3.2-4-8.1-6-13.2-6s-10%202-13.3%206M244.6%20136c-40%200-77.1%2018.1-101.7%2048.2l60.5%2060.5c6.2%206.2%206.2%2016.4%200%2022.6s-16.4%206.2-22.6%200L125.5%20212v.1L2.2%20477.9C-2%20487-.1%20497.8%207%20505s17.9%209%2027.1%204.8l134.7-62.4l-52.1-52.1c-6.2-6.2-6.2-16.4%200-22.6s16.4-6.2%2022.6%200l60.4%2060.3l100.2-46.4c46.4-21.5%2076.2-68%2076.2-119.2C376%20194.8%20317.2%20136%20244.6%20136%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M346.7%206C337.6%2017%20320%2042.3%20320%2072c0%2040%2015.3%2055.3%2040%2080s40%2040%2080%2040c29.7%200%2055-17.6%2066-26.7c4-3.3%206-8.2%206-13.3s-2-10-6-13.2c-11.4-9.1-38.3-26.8-74-26.8c-32%200-40%208-40%208s8-8%208-40c0-35.7-17.7-62.6-26.8-74c-3.2-4-8.1-6-13.2-6s-10%202-13.3%206M244.6%20136c-40%200-77.1%2018.1-101.7%2048.2l60.5%2060.5c6.2%206.2%206.2%2016.4%200%2022.6s-16.4%206.2-22.6%200L125.5%20212v.1L2.2%20477.9C-2%20487-.1%20497.8%207%20505s17.9%209%2027.1%204.8l134.7-62.4l-52.1-52.1c-6.2-6.2-6.2-16.4%200-22.6s16.4-6.2%2022.6%200l60.4%2060.3l100.2-46.4c46.4-21.5%2076.2-68%2076.2-119.2C376%20194.8%20317.2%20136%20244.6%20136%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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