hanami logo

hanami from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
hanami
Set
SVG Logos
Style
Color
Viewbox
256×262
License
CC0

Use the hanami logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 262"><path fill="#dc3011" fill-opacity=".65" d="m152.228 2.788l103.633 117.055l-79.273 134.64l-152.716-33.887L8.97 65.076z"/><path fill="#dc3011" fill-opacity=".65" d="m176.152 10.723l77.031 136.043l-105.534 115.217L5.316 197.085l17.758-155.22z"/><path fill="#dc3011" d="m127.178 0l125.705 92.951l-49.547 148.18l-156.425-1.395L0 90.712z"/><path fill="#fff" d="M127.94 79.216c28.573 0 51.736 23.163 51.736 51.736s-23.163 51.737-51.736 51.737s-51.737-23.164-51.737-51.737s23.164-51.736 51.737-51.736m0 11.113c-22.435 0-40.623 18.188-40.623 40.623s18.188 40.623 40.623 40.623s40.623-18.188 40.623-40.623s-18.188-40.623-40.623-40.623m18.17 24.313l6.682 9.014l-24.852 30.899l-24.78-30.9l6.636-9.013z"/></svg>

React

import type { SVGProps } from "react";

export function LogosHanami(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 262"><path fill="#dc3011" fillOpacity=".65" d="m152.228 2.788l103.633 117.055l-79.273 134.64l-152.716-33.887L8.97 65.076z"/><path fill="#dc3011" fillOpacity=".65" d="m176.152 10.723l77.031 136.043l-105.534 115.217L5.316 197.085l17.758-155.22z"/><path fill="#dc3011" d="m127.178 0l125.705 92.951l-49.547 148.18l-156.425-1.395L0 90.712z"/><path fill="#fff" d="M127.94 79.216c28.573 0 51.736 23.163 51.736 51.736s-23.163 51.737-51.736 51.737s-51.737-23.164-51.737-51.737s23.164-51.736 51.737-51.736m0 11.113c-22.435 0-40.623 18.188-40.623 40.623s18.188 40.623 40.623 40.623s40.623-18.188 40.623-40.623s-18.188-40.623-40.623-40.623m18.17 24.313l6.682 9.014l-24.852 30.899l-24.78-30.9l6.636-9.013z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 262"><path fill="#dc3011" fill-opacity=".65" d="m152.228 2.788l103.633 117.055l-79.273 134.64l-152.716-33.887L8.97 65.076z"/><path fill="#dc3011" fill-opacity=".65" d="m176.152 10.723l77.031 136.043l-105.534 115.217L5.316 197.085l17.758-155.22z"/><path fill="#dc3011" d="m127.178 0l125.705 92.951l-49.547 148.18l-156.425-1.395L0 90.712z"/><path fill="#fff" d="M127.94 79.216c28.573 0 51.736 23.163 51.736 51.736s-23.163 51.737-51.736 51.737s-51.737-23.164-51.737-51.737s23.164-51.736 51.737-51.736m0 11.113c-22.435 0-40.623 18.188-40.623 40.623s18.188 40.623 40.623 40.623s40.623-18.188 40.623-40.623s-18.188-40.623-40.623-40.623m18.17 24.313l6.682 9.014l-24.852 30.899l-24.78-30.9l6.636-9.013z"/></svg>
</template>

CSS

.icon-hanami {
  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%20262%22%3E%3Cpath%20fill%3D%22%23dc3011%22%20fill-opacity%3D%22.65%22%20d%3D%22m152.228%202.788l103.633%20117.055l-79.273%20134.64l-152.716-33.887L8.97%2065.076z%22%2F%3E%3Cpath%20fill%3D%22%23dc3011%22%20fill-opacity%3D%22.65%22%20d%3D%22m176.152%2010.723l77.031%20136.043l-105.534%20115.217L5.316%20197.085l17.758-155.22z%22%2F%3E%3Cpath%20fill%3D%22%23dc3011%22%20d%3D%22m127.178%200l125.705%2092.951l-49.547%20148.18l-156.425-1.395L0%2090.712z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M127.94%2079.216c28.573%200%2051.736%2023.163%2051.736%2051.736s-23.163%2051.737-51.736%2051.737s-51.737-23.164-51.737-51.737s23.164-51.736%2051.737-51.736m0%2011.113c-22.435%200-40.623%2018.188-40.623%2040.623s18.188%2040.623%2040.623%2040.623s40.623-18.188%2040.623-40.623s-18.188-40.623-40.623-40.623m18.17%2024.313l6.682%209.014l-24.852%2030.899l-24.78-30.9l6.636-9.013z%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%20262%22%3E%3Cpath%20fill%3D%22%23dc3011%22%20fill-opacity%3D%22.65%22%20d%3D%22m152.228%202.788l103.633%20117.055l-79.273%20134.64l-152.716-33.887L8.97%2065.076z%22%2F%3E%3Cpath%20fill%3D%22%23dc3011%22%20fill-opacity%3D%22.65%22%20d%3D%22m176.152%2010.723l77.031%20136.043l-105.534%20115.217L5.316%20197.085l17.758-155.22z%22%2F%3E%3Cpath%20fill%3D%22%23dc3011%22%20d%3D%22m127.178%200l125.705%2092.951l-49.547%20148.18l-156.425-1.395L0%2090.712z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M127.94%2079.216c28.573%200%2051.736%2023.163%2051.736%2051.736s-23.163%2051.737-51.736%2051.737s-51.737-23.164-51.737-51.737s23.164-51.736%2051.737-51.736m0%2011.113c-22.435%200-40.623%2018.188-40.623%2040.623s18.188%2040.623%2040.623%2040.623s40.623-18.188%2040.623-40.623s-18.188-40.623-40.623-40.623m18.17%2024.313l6.682%209.014l-24.852%2030.899l-24.78-30.9l6.636-9.013z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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