cherry icon

cherry from TDesign Icons by TDesign · Outline · MIT Free for personal and commercial use.

Name: cherry
Set: TDesign Icons
Style: Outline
Viewbox: 24×24
License: MIT

1 other variant in TDesign Icons

The same icon in other sets

cherryElement Plus cherryHuge Icons cherryIconPark cherryIconPark Outline cherryIconPark Solid cherryIconPark TwoTone cherryLucide cherryTabler Icons

Use the cherry icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path d="M15 21c-1.367 1.367-3.633 1.367-5 0s-1.367-3.633 0-5s3.633-1.367 5 0s1.367 3.633 0 5m-7-7c-1.367 1.367-3.633 1.367-5 0s-1.367-3.633 0-5s3.633-1.367 5 0s1.367 3.633 0 5"/><path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="M8 9C6.633 7.633 4.367 7.633 3 9s-1.367 3.633 0 5s3.633 1.367 5 0s1.367-3.633 0-5Zm0 0c3.172-3.172 9.152-3.83 11.25-3.966M17 2l5 5m-2.75-1.123c-1.539 1.915-4.112 5.76-4.257 9.373M15 16c-1.367-1.367-3.633-1.367-5 0s-1.367 3.633 0 5s3.633 1.367 5 0s1.367-3.633 0-5Z"/></g></svg>

React

import type { SVGProps } from "react";

export function TdesignCherry(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path d="M15 21c-1.367 1.367-3.633 1.367-5 0s-1.367-3.633 0-5s3.633-1.367 5 0s1.367 3.633 0 5m-7-7c-1.367 1.367-3.633 1.367-5 0s-1.367-3.633 0-5s3.633-1.367 5 0s1.367 3.633 0 5"/><path stroke="currentColor" strokeLinecap="square" strokeWidth="2" d="M8 9C6.633 7.633 4.367 7.633 3 9s-1.367 3.633 0 5s3.633 1.367 5 0s1.367-3.633 0-5Zm0 0c3.172-3.172 9.152-3.83 11.25-3.966M17 2l5 5m-2.75-1.123c-1.539 1.915-4.112 5.76-4.257 9.373M15 16c-1.367-1.367-3.633-1.367-5 0s-1.367 3.633 0 5s3.633 1.367 5 0s1.367-3.633 0-5Z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path d="M15 21c-1.367 1.367-3.633 1.367-5 0s-1.367-3.633 0-5s3.633-1.367 5 0s1.367 3.633 0 5m-7-7c-1.367 1.367-3.633 1.367-5 0s-1.367-3.633 0-5s3.633-1.367 5 0s1.367 3.633 0 5"/><path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="M8 9C6.633 7.633 4.367 7.633 3 9s-1.367 3.633 0 5s3.633 1.367 5 0s1.367-3.633 0-5Zm0 0c3.172-3.172 9.152-3.83 11.25-3.966M17 2l5 5m-2.75-1.123c-1.539 1.915-4.112 5.76-4.257 9.373M15 16c-1.367-1.367-3.633-1.367-5 0s-1.367 3.633 0 5s3.633 1.367 5 0s1.367-3.633 0-5Z"/></g></svg>
</template>

CSS

.icon-cherry {
  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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M15%2021c-1.367%201.367-3.633%201.367-5%200s-1.367-3.633%200-5s3.633-1.367%205%200s1.367%203.633%200%205m-7-7c-1.367%201.367-3.633%201.367-5%200s-1.367-3.633%200-5s3.633-1.367%205%200s1.367%203.633%200%205%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%222%22%20d%3D%22M8%209C6.633%207.633%204.367%207.633%203%209s-1.367%203.633%200%205s3.633%201.367%205%200s1.367-3.633%200-5Zm0%200c3.172-3.172%209.152-3.83%2011.25-3.966M17%202l5%205m-2.75-1.123c-1.539%201.915-4.112%205.76-4.257%209.373M15%2016c-1.367-1.367-3.633-1.367-5%200s-1.367%203.633%200%205s3.633%201.367%205%200s1.367-3.633%200-5Z%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M15%2021c-1.367%201.367-3.633%201.367-5%200s-1.367-3.633%200-5s3.633-1.367%205%200s1.367%203.633%200%205m-7-7c-1.367%201.367-3.633%201.367-5%200s-1.367-3.633%200-5s3.633-1.367%205%200s1.367%203.633%200%205%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%222%22%20d%3D%22M8%209C6.633%207.633%204.367%207.633%203%209s-1.367%203.633%200%205s3.633%201.367%205%200s1.367-3.633%200-5Zm0%200c3.172-3.172%209.152-3.83%2011.25-3.966M17%202l5%205m-2.75-1.123c-1.539%201.915-4.112%205.76-4.257%209.373M15%2016c-1.367-1.367-3.633-1.367-5%200s-1.367%203.633%200%205s3.633%201.367%205%200s1.367-3.633%200-5Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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