sakura icon

sakura from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.

Name: sakura
Set: Huge Icons
Style: Stroke
Viewbox: 24×24
License: MIT

Use the sakura icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.5"><path d="M14 12.5a2 2 0 1 1-4 0a2 2 0 0 1 4 0Z"/><path d="M12 18.088q-.172.28-.377.562C10.309 20.447 8.496 21.504 7 21.5l-.302-2.075l-2.078.356c-.466-1.413.029-3.514 1.342-5.312C3.935 13.766 2.442 12.397 2 11l1.86-.931l-.966-1.866c1.187-.883 3.526-.99 5.615-.299c0-2.404.827-4.534 2.03-5.404L12 4l1.46-1.5c1.204.87 2.042 3 2.03 5.404c2.09-.69 4.429-.584 5.616.299l-.965 1.866L22 11c-.442 1.396-1.935 2.765-3.962 3.47c1.313 1.797 1.808 3.898 1.342 5.311l-2.078-.356L17 21.5c-1.496.004-3.309-1.053-4.623-2.85a8 8 0 0 1-.377-.562Z"/></g></svg>

React

import type { SVGProps } from "react";

export function HugeiconsSakura(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" stroke="currentColor" strokeLinejoin="round" strokeWidth="1.5"><path d="M14 12.5a2 2 0 1 1-4 0a2 2 0 0 1 4 0Z"/><path d="M12 18.088q-.172.28-.377.562C10.309 20.447 8.496 21.504 7 21.5l-.302-2.075l-2.078.356c-.466-1.413.029-3.514 1.342-5.312C3.935 13.766 2.442 12.397 2 11l1.86-.931l-.966-1.866c1.187-.883 3.526-.99 5.615-.299c0-2.404.827-4.534 2.03-5.404L12 4l1.46-1.5c1.204.87 2.042 3 2.03 5.404c2.09-.69 4.429-.584 5.616.299l-.965 1.866L22 11c-.442 1.396-1.935 2.765-3.962 3.47c1.313 1.797 1.808 3.898 1.342 5.311l-2.078-.356L17 21.5c-1.496.004-3.309-1.053-4.623-2.85a8 8 0 0 1-.377-.562Z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.5"><path d="M14 12.5a2 2 0 1 1-4 0a2 2 0 0 1 4 0Z"/><path d="M12 18.088q-.172.28-.377.562C10.309 20.447 8.496 21.504 7 21.5l-.302-2.075l-2.078.356c-.466-1.413.029-3.514 1.342-5.312C3.935 13.766 2.442 12.397 2 11l1.86-.931l-.966-1.866c1.187-.883 3.526-.99 5.615-.299c0-2.404.827-4.534 2.03-5.404L12 4l1.46-1.5c1.204.87 2.042 3 2.03 5.404c2.09-.69 4.429-.584 5.616.299l-.965 1.866L22 11c-.442 1.396-1.935 2.765-3.962 3.47c1.313 1.797 1.808 3.898 1.342 5.311l-2.078-.356L17 21.5c-1.496.004-3.309-1.053-4.623-2.85a8 8 0 0 1-.377-.562Z"/></g></svg>
</template>

CSS

.icon-sakura {
  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%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M14%2012.5a2%202%200%201%201-4%200a2%202%200%200%201%204%200Z%22%2F%3E%3Cpath%20d%3D%22M12%2018.088q-.172.28-.377.562C10.309%2020.447%208.496%2021.504%207%2021.5l-.302-2.075l-2.078.356c-.466-1.413.029-3.514%201.342-5.312C3.935%2013.766%202.442%2012.397%202%2011l1.86-.931l-.966-1.866c1.187-.883%203.526-.99%205.615-.299c0-2.404.827-4.534%202.03-5.404L12%204l1.46-1.5c1.204.87%202.042%203%202.03%205.404c2.09-.69%204.429-.584%205.616.299l-.965%201.866L22%2011c-.442%201.396-1.935%202.765-3.962%203.47c1.313%201.797%201.808%203.898%201.342%205.311l-2.078-.356L17%2021.5c-1.496.004-3.309-1.053-4.623-2.85a8%208%200%200%201-.377-.562Z%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%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M14%2012.5a2%202%200%201%201-4%200a2%202%200%200%201%204%200Z%22%2F%3E%3Cpath%20d%3D%22M12%2018.088q-.172.28-.377.562C10.309%2020.447%208.496%2021.504%207%2021.5l-.302-2.075l-2.078.356c-.466-1.413.029-3.514%201.342-5.312C3.935%2013.766%202.442%2012.397%202%2011l1.86-.931l-.966-1.866c1.187-.883%203.526-.99%205.615-.299c0-2.404.827-4.534%202.03-5.404L12%204l1.46-1.5c1.204.87%202.042%203%202.03%205.404c2.09-.69%204.429-.584%205.616.299l-.965%201.866L22%2011c-.442%201.396-1.935%202.765-3.962%203.47c1.313%201.797%201.808%203.898%201.342%205.311l-2.078-.356L17%2021.5c-1.496.004-3.309-1.053-4.623-2.85a8%208%200%200%201-.377-.562Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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