carrot icon

carrot-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name
carrot-light
Set
Phosphor
Style
Light
Viewbox
256×256
License
MIT

5 other variants in Phosphor

carrotcarrot-boldcarrot-duotonecarrot-fillcarrot-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 66h-33.52l29.76-29.76a6 6 0 1 0-8.48-8.48L190 57.52V24a6 6 0 0 0-12 0v36.15a62 62 0 0 0-77.8 8C60.17 107.4 30.05 201.45 27.38 210a14 14 0 0 0 18.67 18.67c8.5-2.67 102.62-32.81 141.79-72.77a62 62 0 0 0 8-77.84H232a6 6 0 0 0 0-12Zm-52.69 81.41C170 157 157 166 142.69 174.24l-26.46-26.47a6 6 0 1 0-8.49 8.49l24 24c-41.69 22-89 36.82-89.73 37a6.6 6.6 0 0 0-1.06.44a2 2 0 0 1-2.7-2.7a6.6 6.6 0 0 0 .45-1c.3-1 28.85-92.28 65.78-133l35.27 35.26a6 6 0 1 0 8.48-8.48l-35.1-35.1a50 50 0 0 1 66.18 74.74Z"/></svg>

React

import type { SVGProps } from "react";

export function PhCarrotLight(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 66h-33.52l29.76-29.76a6 6 0 1 0-8.48-8.48L190 57.52V24a6 6 0 0 0-12 0v36.15a62 62 0 0 0-77.8 8C60.17 107.4 30.05 201.45 27.38 210a14 14 0 0 0 18.67 18.67c8.5-2.67 102.62-32.81 141.79-72.77a62 62 0 0 0 8-77.84H232a6 6 0 0 0 0-12Zm-52.69 81.41C170 157 157 166 142.69 174.24l-26.46-26.47a6 6 0 1 0-8.49 8.49l24 24c-41.69 22-89 36.82-89.73 37a6.6 6.6 0 0 0-1.06.44a2 2 0 0 1-2.7-2.7a6.6 6.6 0 0 0 .45-1c.3-1 28.85-92.28 65.78-133l35.27 35.26a6 6 0 1 0 8.48-8.48l-35.1-35.1a50 50 0 0 1 66.18 74.74Z"/></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 66h-33.52l29.76-29.76a6 6 0 1 0-8.48-8.48L190 57.52V24a6 6 0 0 0-12 0v36.15a62 62 0 0 0-77.8 8C60.17 107.4 30.05 201.45 27.38 210a14 14 0 0 0 18.67 18.67c8.5-2.67 102.62-32.81 141.79-72.77a62 62 0 0 0 8-77.84H232a6 6 0 0 0 0-12Zm-52.69 81.41C170 157 157 166 142.69 174.24l-26.46-26.47a6 6 0 1 0-8.49 8.49l24 24c-41.69 22-89 36.82-89.73 37a6.6 6.6 0 0 0-1.06.44a2 2 0 0 1-2.7-2.7a6.6 6.6 0 0 0 .45-1c.3-1 28.85-92.28 65.78-133l35.27 35.26a6 6 0 1 0 8.48-8.48l-35.1-35.1a50 50 0 0 1 66.18 74.74Z"/></svg>
</template>

CSS

.icon-carrot-light {
  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%2066h-33.52l29.76-29.76a6%206%200%201%200-8.48-8.48L190%2057.52V24a6%206%200%200%200-12%200v36.15a62%2062%200%200%200-77.8%208C60.17%20107.4%2030.05%20201.45%2027.38%20210a14%2014%200%200%200%2018.67%2018.67c8.5-2.67%20102.62-32.81%20141.79-72.77a62%2062%200%200%200%208-77.84H232a6%206%200%200%200%200-12Zm-52.69%2081.41C170%20157%20157%20166%20142.69%20174.24l-26.46-26.47a6%206%200%201%200-8.49%208.49l24%2024c-41.69%2022-89%2036.82-89.73%2037a6.6%206.6%200%200%200-1.06.44a2%202%200%200%201-2.7-2.7a6.6%206.6%200%200%200%20.45-1c.3-1%2028.85-92.28%2065.78-133l35.27%2035.26a6%206%200%201%200%208.48-8.48l-35.1-35.1a50%2050%200%200%201%2066.18%2074.74Z%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%2066h-33.52l29.76-29.76a6%206%200%201%200-8.48-8.48L190%2057.52V24a6%206%200%200%200-12%200v36.15a62%2062%200%200%200-77.8%208C60.17%20107.4%2030.05%20201.45%2027.38%20210a14%2014%200%200%200%2018.67%2018.67c8.5-2.67%20102.62-32.81%20141.79-72.77a62%2062%200%200%200%208-77.84H232a6%206%200%200%200%200-12Zm-52.69%2081.41C170%20157%20157%20166%20142.69%20174.24l-26.46-26.47a6%206%200%201%200-8.49%208.49l24%2024c-41.69%2022-89%2036.82-89.73%2037a6.6%206.6%200%200%200-1.06.44a2%202%200%200%201-2.7-2.7a6.6%206.6%200%200%200%20.45-1c.3-1%2028.85-92.28%2065.78-133l35.27%2035.26a6%206%200%201%200%208.48-8.48l-35.1-35.1a50%2050%200%200%201%2066.18%2074.74Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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