carrot icon

carrot from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.

Name
carrot
Set
Phosphor
Style
Regular
Viewbox
256×256
License
MIT

5 other variants in Phosphor

carrot-boldcarrot-duotonecarrot-fillcarrot-lightcarrot-thin

The same icon in other sets

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

Use the carrot icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M232 64h-28.69l26.35-26.34a8 8 0 0 0-11.32-11.32L192 52.69V24a8 8 0 0 0-16 0v32.57a64 64 0 0 0-77.2 10.12c-40.1 39.39-70.25 133.08-73.19 142.45a16 16 0 0 0 21.26 21.26c9.37-2.94 103.18-33.13 142.47-73.21A64 64 0 0 0 199.43 80H232a8 8 0 0 0 0-16m-54.12 82c-8.94 9.12-21.25 17.8-34.85 25.73l-25.38-25.39a8 8 0 0 0-11.32 11.32l22.09 22.09c-40.87 21.19-86.32 35.42-87 35.63A8 8 0 0 0 40 216a8 8 0 0 0 .59-1.41c.29-.93 28-89.58 64-130.67l33.77 33.77a8 8 0 0 0 11.32-11.32l-33.5-33.49a48 48 0 0 1 61.7 73.12"/></svg>

React

import type { SVGProps } from "react";

export function PhCarrot(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M232 64h-28.69l26.35-26.34a8 8 0 0 0-11.32-11.32L192 52.69V24a8 8 0 0 0-16 0v32.57a64 64 0 0 0-77.2 10.12c-40.1 39.39-70.25 133.08-73.19 142.45a16 16 0 0 0 21.26 21.26c9.37-2.94 103.18-33.13 142.47-73.21A64 64 0 0 0 199.43 80H232a8 8 0 0 0 0-16m-54.12 82c-8.94 9.12-21.25 17.8-34.85 25.73l-25.38-25.39a8 8 0 0 0-11.32 11.32l22.09 22.09c-40.87 21.19-86.32 35.42-87 35.63A8 8 0 0 0 40 216a8 8 0 0 0 .59-1.41c.29-.93 28-89.58 64-130.67l33.77 33.77a8 8 0 0 0 11.32-11.32l-33.5-33.49a48 48 0 0 1 61.7 73.12"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M232 64h-28.69l26.35-26.34a8 8 0 0 0-11.32-11.32L192 52.69V24a8 8 0 0 0-16 0v32.57a64 64 0 0 0-77.2 10.12c-40.1 39.39-70.25 133.08-73.19 142.45a16 16 0 0 0 21.26 21.26c9.37-2.94 103.18-33.13 142.47-73.21A64 64 0 0 0 199.43 80H232a8 8 0 0 0 0-16m-54.12 82c-8.94 9.12-21.25 17.8-34.85 25.73l-25.38-25.39a8 8 0 0 0-11.32 11.32l22.09 22.09c-40.87 21.19-86.32 35.42-87 35.63A8 8 0 0 0 40 216a8 8 0 0 0 .59-1.41c.29-.93 28-89.58 64-130.67l33.77 33.77a8 8 0 0 0 11.32-11.32l-33.5-33.49a48 48 0 0 1 61.7 73.12"/></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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M232%2064h-28.69l26.35-26.34a8%208%200%200%200-11.32-11.32L192%2052.69V24a8%208%200%200%200-16%200v32.57a64%2064%200%200%200-77.2%2010.12c-40.1%2039.39-70.25%20133.08-73.19%20142.45a16%2016%200%200%200%2021.26%2021.26c9.37-2.94%20103.18-33.13%20142.47-73.21A64%2064%200%200%200%20199.43%2080H232a8%208%200%200%200%200-16m-54.12%2082c-8.94%209.12-21.25%2017.8-34.85%2025.73l-25.38-25.39a8%208%200%200%200-11.32%2011.32l22.09%2022.09c-40.87%2021.19-86.32%2035.42-87%2035.63A8%208%200%200%200%2040%20216a8%208%200%200%200%20.59-1.41c.29-.93%2028-89.58%2064-130.67l33.77%2033.77a8%208%200%200%200%2011.32-11.32l-33.5-33.49a48%2048%200%200%201%2061.7%2073.12%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M232%2064h-28.69l26.35-26.34a8%208%200%200%200-11.32-11.32L192%2052.69V24a8%208%200%200%200-16%200v32.57a64%2064%200%200%200-77.2%2010.12c-40.1%2039.39-70.25%20133.08-73.19%20142.45a16%2016%200%200%200%2021.26%2021.26c9.37-2.94%20103.18-33.13%20142.47-73.21A64%2064%200%200%200%20199.43%2080H232a8%208%200%200%200%200-16m-54.12%2082c-8.94%209.12-21.25%2017.8-34.85%2025.73l-25.38-25.39a8%208%200%200%200-11.32%2011.32l22.09%2022.09c-40.87%2021.19-86.32%2035.42-87%2035.63A8%208%200%200%200%2040%20216a8%208%200%200%200%20.59-1.41c.29-.93%2028-89.58%2064-130.67l33.77%2033.77a8%208%200%200%200%2011.32-11.32l-33.5-33.49a48%2048%200%200%201%2061.7%2073.12%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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