zazen-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.

Name
zazen-fill
Set
MingCute Icon
Style
Fill
Viewbox
24×24
License
Apache 2.0

1 other variant in MingCute Icon

Use the zazen icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.365 8.071c.885.168 1.697.63 2.293 1.325l1.576 1.84c.26.304.58.552.936.73l2.278 1.14a1 1 0 0 1-.895 1.789l-2.277-1.14a5 5 0 0 1-1.56-1.218l-.382-.445l.489 3.177a1 1 0 0 0 .582.761l1.647.732a2.796 2.796 0 0 1 1.262 3.992a2.2 2.2 0 0 1-2.416 1l-2.252-.562a5 5 0 0 1-1.862-.91l.96-.8c.99-.12 1.757-.96 1.757-1.982c0-1-.896-1.5-2-1.5c-1.5 0-2 .5 0 .5a1 1 0 0 1 0 2a.38.38 0 0 0-.245.088L12 19.635l-.657.548a5 5 0 0 1-1.988 1.01l-2.252.562a2.2 2.2 0 0 1-2.416-1.001a2.796 2.796 0 0 1 1.262-3.992l1.647-.732a1 1 0 0 0 .582-.761l.489-3.177l-.381.445c-.434.506-.965.92-1.56 1.219l-2.278 1.139a1 1 0 0 1-.895-1.79l2.278-1.138c.357-.179.676-.427.936-.73l1.576-1.84a4 4 0 0 1 2.3-1.328a8.2 8.2 0 0 1 2.723.002"/><path fill="currentColor" fill-rule="evenodd" d="M12 2a3 3 0 1 1 0 6.002A3 3 0 0 1 12 2" clip-rule="evenodd"/></svg>

React

import type { SVGProps } from "react";

export function MingcuteZazenFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.365 8.071c.885.168 1.697.63 2.293 1.325l1.576 1.84c.26.304.58.552.936.73l2.278 1.14a1 1 0 0 1-.895 1.789l-2.277-1.14a5 5 0 0 1-1.56-1.218l-.382-.445l.489 3.177a1 1 0 0 0 .582.761l1.647.732a2.796 2.796 0 0 1 1.262 3.992a2.2 2.2 0 0 1-2.416 1l-2.252-.562a5 5 0 0 1-1.862-.91l.96-.8c.99-.12 1.757-.96 1.757-1.982c0-1-.896-1.5-2-1.5c-1.5 0-2 .5 0 .5a1 1 0 0 1 0 2a.38.38 0 0 0-.245.088L12 19.635l-.657.548a5 5 0 0 1-1.988 1.01l-2.252.562a2.2 2.2 0 0 1-2.416-1.001a2.796 2.796 0 0 1 1.262-3.992l1.647-.732a1 1 0 0 0 .582-.761l.489-3.177l-.381.445c-.434.506-.965.92-1.56 1.219l-2.278 1.139a1 1 0 0 1-.895-1.79l2.278-1.138c.357-.179.676-.427.936-.73l1.576-1.84a4 4 0 0 1 2.3-1.328a8.2 8.2 0 0 1 2.723.002"/><path fill="currentColor" fillRule="evenodd" d="M12 2a3 3 0 1 1 0 6.002A3 3 0 0 1 12 2" clipRule="evenodd"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.365 8.071c.885.168 1.697.63 2.293 1.325l1.576 1.84c.26.304.58.552.936.73l2.278 1.14a1 1 0 0 1-.895 1.789l-2.277-1.14a5 5 0 0 1-1.56-1.218l-.382-.445l.489 3.177a1 1 0 0 0 .582.761l1.647.732a2.796 2.796 0 0 1 1.262 3.992a2.2 2.2 0 0 1-2.416 1l-2.252-.562a5 5 0 0 1-1.862-.91l.96-.8c.99-.12 1.757-.96 1.757-1.982c0-1-.896-1.5-2-1.5c-1.5 0-2 .5 0 .5a1 1 0 0 1 0 2a.38.38 0 0 0-.245.088L12 19.635l-.657.548a5 5 0 0 1-1.988 1.01l-2.252.562a2.2 2.2 0 0 1-2.416-1.001a2.796 2.796 0 0 1 1.262-3.992l1.647-.732a1 1 0 0 0 .582-.761l.489-3.177l-.381.445c-.434.506-.965.92-1.56 1.219l-2.278 1.139a1 1 0 0 1-.895-1.79l2.278-1.138c.357-.179.676-.427.936-.73l1.576-1.84a4 4 0 0 1 2.3-1.328a8.2 8.2 0 0 1 2.723.002"/><path fill="currentColor" fill-rule="evenodd" d="M12 2a3 3 0 1 1 0 6.002A3 3 0 0 1 12 2" clip-rule="evenodd"/></svg>
</template>

CSS

.icon-zazen-fill {
  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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.365%208.071c.885.168%201.697.63%202.293%201.325l1.576%201.84c.26.304.58.552.936.73l2.278%201.14a1%201%200%200%201-.895%201.789l-2.277-1.14a5%205%200%200%201-1.56-1.218l-.382-.445l.489%203.177a1%201%200%200%200%20.582.761l1.647.732a2.796%202.796%200%200%201%201.262%203.992a2.2%202.2%200%200%201-2.416%201l-2.252-.562a5%205%200%200%201-1.862-.91l.96-.8c.99-.12%201.757-.96%201.757-1.982c0-1-.896-1.5-2-1.5c-1.5%200-2%20.5%200%20.5a1%201%200%200%201%200%202a.38.38%200%200%200-.245.088L12%2019.635l-.657.548a5%205%200%200%201-1.988%201.01l-2.252.562a2.2%202.2%200%200%201-2.416-1.001a2.796%202.796%200%200%201%201.262-3.992l1.647-.732a1%201%200%200%200%20.582-.761l.489-3.177l-.381.445c-.434.506-.965.92-1.56%201.219l-2.278%201.139a1%201%200%200%201-.895-1.79l2.278-1.138c.357-.179.676-.427.936-.73l1.576-1.84a4%204%200%200%201%202.3-1.328a8.2%208.2%200%200%201%202.723.002%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%202a3%203%200%201%201%200%206.002A3%203%200%200%201%2012%202%22%20clip-rule%3D%22evenodd%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.365%208.071c.885.168%201.697.63%202.293%201.325l1.576%201.84c.26.304.58.552.936.73l2.278%201.14a1%201%200%200%201-.895%201.789l-2.277-1.14a5%205%200%200%201-1.56-1.218l-.382-.445l.489%203.177a1%201%200%200%200%20.582.761l1.647.732a2.796%202.796%200%200%201%201.262%203.992a2.2%202.2%200%200%201-2.416%201l-2.252-.562a5%205%200%200%201-1.862-.91l.96-.8c.99-.12%201.757-.96%201.757-1.982c0-1-.896-1.5-2-1.5c-1.5%200-2%20.5%200%20.5a1%201%200%200%201%200%202a.38.38%200%200%200-.245.088L12%2019.635l-.657.548a5%205%200%200%201-1.988%201.01l-2.252.562a2.2%202.2%200%200%201-2.416-1.001a2.796%202.796%200%200%201%201.262-3.992l1.647-.732a1%201%200%200%200%20.582-.761l.489-3.177l-.381.445c-.434.506-.965.92-1.56%201.219l-2.278%201.139a1%201%200%200%201-.895-1.79l2.278-1.138c.357-.179.676-.427.936-.73l1.576-1.84a4%204%200%200%201%202.3-1.328a8.2%208.2%200%200%201%202.723.002%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%202a3%203%200%201%201%200%206.002A3%203%200%200%201%2012%202%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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