happo logo

happo from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.

Name
happo
Set
Material Icon Theme
Style
Color
Viewbox
16×16
License
MIT

Use the happo logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="#00bfa5" d="M7.332 4.707c-1.641 0-1.459-1.714-.638-1.714c.82 0 1.276.992 1.276.992c.183-.18.912-1.173 1.277-.812c.274.361.638.632.73.632c1.823-1.714 2.37-1.985 3.1-1.714c2.006.721 2.462 3.067 1.276 4.24c-.82.902-3.1.541-3.1.541l.82.993c-.729.992-2.096.541-2.096.541c1.459 3.068-.73 5.594-.73 5.594H7.15s.273-1.624-1.368-1.534C4.323 12.466 4.597 14 4.597 14h-2.28c-.183-.451-2.553-3.428-.456-6.496c2.006-2.887 5.106-1.985 5.106-1.985l.456-.722zm1.824-.451c-.274 0-.547.27-.547.541c0 .27.273.542.547.542c.273 0 .547-.271.547-.542c0-.27-.274-.541-.547-.541"/></svg>

React

import type { SVGProps } from "react";

export function MaterialIconThemeHappo(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="#00bfa5" d="M7.332 4.707c-1.641 0-1.459-1.714-.638-1.714c.82 0 1.276.992 1.276.992c.183-.18.912-1.173 1.277-.812c.274.361.638.632.73.632c1.823-1.714 2.37-1.985 3.1-1.714c2.006.721 2.462 3.067 1.276 4.24c-.82.902-3.1.541-3.1.541l.82.993c-.729.992-2.096.541-2.096.541c1.459 3.068-.73 5.594-.73 5.594H7.15s.273-1.624-1.368-1.534C4.323 12.466 4.597 14 4.597 14h-2.28c-.183-.451-2.553-3.428-.456-6.496c2.006-2.887 5.106-1.985 5.106-1.985l.456-.722zm1.824-.451c-.274 0-.547.27-.547.541c0 .27.273.542.547.542c.273 0 .547-.271.547-.542c0-.27-.274-.541-.547-.541"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="#00bfa5" d="M7.332 4.707c-1.641 0-1.459-1.714-.638-1.714c.82 0 1.276.992 1.276.992c.183-.18.912-1.173 1.277-.812c.274.361.638.632.73.632c1.823-1.714 2.37-1.985 3.1-1.714c2.006.721 2.462 3.067 1.276 4.24c-.82.902-3.1.541-3.1.541l.82.993c-.729.992-2.096.541-2.096.541c1.459 3.068-.73 5.594-.73 5.594H7.15s.273-1.624-1.368-1.534C4.323 12.466 4.597 14 4.597 14h-2.28c-.183-.451-2.553-3.428-.456-6.496c2.006-2.887 5.106-1.985 5.106-1.985l.456-.722zm1.824-.451c-.274 0-.547.27-.547.541c0 .27.273.542.547.542c.273 0 .547-.271.547-.542c0-.27-.274-.541-.547-.541"/></svg>
</template>

CSS

.icon-happo {
  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%2016%2016%22%3E%3Cpath%20fill%3D%22%2300bfa5%22%20d%3D%22M7.332%204.707c-1.641%200-1.459-1.714-.638-1.714c.82%200%201.276.992%201.276.992c.183-.18.912-1.173%201.277-.812c.274.361.638.632.73.632c1.823-1.714%202.37-1.985%203.1-1.714c2.006.721%202.462%203.067%201.276%204.24c-.82.902-3.1.541-3.1.541l.82.993c-.729.992-2.096.541-2.096.541c1.459%203.068-.73%205.594-.73%205.594H7.15s.273-1.624-1.368-1.534C4.323%2012.466%204.597%2014%204.597%2014h-2.28c-.183-.451-2.553-3.428-.456-6.496c2.006-2.887%205.106-1.985%205.106-1.985l.456-.722zm1.824-.451c-.274%200-.547.27-.547.541c0%20.27.273.542.547.542c.273%200%20.547-.271.547-.542c0-.27-.274-.541-.547-.541%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%2016%2016%22%3E%3Cpath%20fill%3D%22%2300bfa5%22%20d%3D%22M7.332%204.707c-1.641%200-1.459-1.714-.638-1.714c.82%200%201.276.992%201.276.992c.183-.18.912-1.173%201.277-.812c.274.361.638.632.73.632c1.823-1.714%202.37-1.985%203.1-1.714c2.006.721%202.462%203.067%201.276%204.24c-.82.902-3.1.541-3.1.541l.82.993c-.729.992-2.096.541-2.096.541c1.459%203.068-.73%205.594-.73%205.594H7.15s.273-1.624-1.368-1.534C4.323%2012.466%204.597%2014%204.597%2014h-2.28c-.183-.451-2.553-3.428-.456-6.496c2.006-2.887%205.106-1.985%205.106-1.985l.456-.722zm1.824-.451c-.274%200-.547.27-.547.541c0%20.27.273.542.547.542c.273%200%20.547-.271.547-.542c0-.27-.274-.541-.547-.541%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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