hoa logo

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

Name
hoa
Set
SVG Logos
Style
Color
Viewbox
512×184
License
CC0

Use the hoa logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 184"><path fill="#424A52" d="M101.855 36.8H45.237c-4.67 0-8.464-3.797-8.464-8.47V8.762C36.773 4.089 32.979 0 28.309 0H8.755C4.085 0 0 4.089 0 8.762V65.13c0 4.673 4.086 8.47 8.755 8.47h129.581c4.67 0 8.464-3.797 8.464-8.47V8.762c0-4.673-3.794-8.762-8.464-8.762h-19.553c-4.67 0-8.464 4.089-8.464 8.762V28.33c0 4.673-3.794 8.47-8.464 8.47Z"/><path fill="#FA8A75" d="M44.945 146.773h56.618c4.67 0 8.464 3.794 8.464 8.464v19.553c0 4.67 3.794 8.756 8.464 8.756h19.554c4.67 0 8.755-4.086 8.755-8.756v-56.326c0-4.67-4.086-8.464-8.755-8.464H8.464C3.794 110 0 113.794 0 118.464v56.326c0 4.67 3.794 8.756 8.464 8.756h19.553c4.67 0 8.464-4.086 8.464-8.756v-19.553c0-4.67 3.794-8.464 8.464-8.464Zm182.8-109.6h56.618c4.67 0 8.464 3.794 8.464 8.464V65.19c0 4.67 3.794 8.756 8.464 8.756h19.554c4.67 0 8.755-4.086 8.755-8.756V8.864c0-4.67-4.086-8.464-8.755-8.464H191.264c-4.67 0-8.464 3.794-8.464 8.464V65.19c0 4.67 3.794 8.756 8.464 8.756h19.553c4.67 0 8.464-4.086 8.464-8.756V45.637c0-4.67 3.794-8.464 8.464-8.464Z"/><path fill="#424A52" d="M284.655 146.773h-56.618c-4.67 0-8.464-3.794-8.464-8.464v-19.553c0-4.67-3.794-8.756-8.464-8.756h-19.554c-4.67 0-8.755 4.086-8.755 8.756v56.326c0 4.67 4.086 8.464 8.755 8.464h129.581c4.67 0 8.464-3.794 8.464-8.464v-56.326c0-4.67-3.794-8.756-8.464-8.756h-19.553c-4.67 0-8.464 4.086-8.464 8.756v19.553c0 4.67-3.794 8.464-8.464 8.464Zm125.49-109.6h56.618c4.67 0 8.464 3.794 8.464 8.464V65.19c0 4.67 3.794 8.756 8.464 8.756h19.554c4.67 0 8.755-4.086 8.755-8.756V8.864C512 4.194 507.914.4 503.245.4H373.664c-4.67 0-8.464 3.794-8.464 8.464V65.19c0 4.67 3.794 8.756 8.464 8.756h19.553c4.67 0 8.464-4.086 8.464-8.756V45.637c0-4.67 3.794-8.464 8.464-8.464Z"/><path fill="#FA8A75" d="M410.145 146.773h56.618c4.67 0 8.464 3.794 8.464 8.464v19.553c0 4.67 3.794 8.756 8.464 8.756h19.554c4.67 0 8.755-4.086 8.755-8.756v-56.326c0-4.67-4.086-8.464-8.755-8.464H373.664c-4.67 0-8.464 3.794-8.464 8.464v56.326c0 4.67 3.794 8.756 8.464 8.756h19.553c4.67 0 8.464-4.086 8.464-8.756v-19.553c0-4.67 3.794-8.464 8.464-8.464Z"/></svg>

React

import type { SVGProps } from "react";

export function LogosHoa(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 184"><path fill="#424A52" d="M101.855 36.8H45.237c-4.67 0-8.464-3.797-8.464-8.47V8.762C36.773 4.089 32.979 0 28.309 0H8.755C4.085 0 0 4.089 0 8.762V65.13c0 4.673 4.086 8.47 8.755 8.47h129.581c4.67 0 8.464-3.797 8.464-8.47V8.762c0-4.673-3.794-8.762-8.464-8.762h-19.553c-4.67 0-8.464 4.089-8.464 8.762V28.33c0 4.673-3.794 8.47-8.464 8.47Z"/><path fill="#FA8A75" d="M44.945 146.773h56.618c4.67 0 8.464 3.794 8.464 8.464v19.553c0 4.67 3.794 8.756 8.464 8.756h19.554c4.67 0 8.755-4.086 8.755-8.756v-56.326c0-4.67-4.086-8.464-8.755-8.464H8.464C3.794 110 0 113.794 0 118.464v56.326c0 4.67 3.794 8.756 8.464 8.756h19.553c4.67 0 8.464-4.086 8.464-8.756v-19.553c0-4.67 3.794-8.464 8.464-8.464Zm182.8-109.6h56.618c4.67 0 8.464 3.794 8.464 8.464V65.19c0 4.67 3.794 8.756 8.464 8.756h19.554c4.67 0 8.755-4.086 8.755-8.756V8.864c0-4.67-4.086-8.464-8.755-8.464H191.264c-4.67 0-8.464 3.794-8.464 8.464V65.19c0 4.67 3.794 8.756 8.464 8.756h19.553c4.67 0 8.464-4.086 8.464-8.756V45.637c0-4.67 3.794-8.464 8.464-8.464Z"/><path fill="#424A52" d="M284.655 146.773h-56.618c-4.67 0-8.464-3.794-8.464-8.464v-19.553c0-4.67-3.794-8.756-8.464-8.756h-19.554c-4.67 0-8.755 4.086-8.755 8.756v56.326c0 4.67 4.086 8.464 8.755 8.464h129.581c4.67 0 8.464-3.794 8.464-8.464v-56.326c0-4.67-3.794-8.756-8.464-8.756h-19.553c-4.67 0-8.464 4.086-8.464 8.756v19.553c0 4.67-3.794 8.464-8.464 8.464Zm125.49-109.6h56.618c4.67 0 8.464 3.794 8.464 8.464V65.19c0 4.67 3.794 8.756 8.464 8.756h19.554c4.67 0 8.755-4.086 8.755-8.756V8.864C512 4.194 507.914.4 503.245.4H373.664c-4.67 0-8.464 3.794-8.464 8.464V65.19c0 4.67 3.794 8.756 8.464 8.756h19.553c4.67 0 8.464-4.086 8.464-8.756V45.637c0-4.67 3.794-8.464 8.464-8.464Z"/><path fill="#FA8A75" d="M410.145 146.773h56.618c4.67 0 8.464 3.794 8.464 8.464v19.553c0 4.67 3.794 8.756 8.464 8.756h19.554c4.67 0 8.755-4.086 8.755-8.756v-56.326c0-4.67-4.086-8.464-8.755-8.464H373.664c-4.67 0-8.464 3.794-8.464 8.464v56.326c0 4.67 3.794 8.756 8.464 8.756h19.553c4.67 0 8.464-4.086 8.464-8.756v-19.553c0-4.67 3.794-8.464 8.464-8.464Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 184"><path fill="#424A52" d="M101.855 36.8H45.237c-4.67 0-8.464-3.797-8.464-8.47V8.762C36.773 4.089 32.979 0 28.309 0H8.755C4.085 0 0 4.089 0 8.762V65.13c0 4.673 4.086 8.47 8.755 8.47h129.581c4.67 0 8.464-3.797 8.464-8.47V8.762c0-4.673-3.794-8.762-8.464-8.762h-19.553c-4.67 0-8.464 4.089-8.464 8.762V28.33c0 4.673-3.794 8.47-8.464 8.47Z"/><path fill="#FA8A75" d="M44.945 146.773h56.618c4.67 0 8.464 3.794 8.464 8.464v19.553c0 4.67 3.794 8.756 8.464 8.756h19.554c4.67 0 8.755-4.086 8.755-8.756v-56.326c0-4.67-4.086-8.464-8.755-8.464H8.464C3.794 110 0 113.794 0 118.464v56.326c0 4.67 3.794 8.756 8.464 8.756h19.553c4.67 0 8.464-4.086 8.464-8.756v-19.553c0-4.67 3.794-8.464 8.464-8.464Zm182.8-109.6h56.618c4.67 0 8.464 3.794 8.464 8.464V65.19c0 4.67 3.794 8.756 8.464 8.756h19.554c4.67 0 8.755-4.086 8.755-8.756V8.864c0-4.67-4.086-8.464-8.755-8.464H191.264c-4.67 0-8.464 3.794-8.464 8.464V65.19c0 4.67 3.794 8.756 8.464 8.756h19.553c4.67 0 8.464-4.086 8.464-8.756V45.637c0-4.67 3.794-8.464 8.464-8.464Z"/><path fill="#424A52" d="M284.655 146.773h-56.618c-4.67 0-8.464-3.794-8.464-8.464v-19.553c0-4.67-3.794-8.756-8.464-8.756h-19.554c-4.67 0-8.755 4.086-8.755 8.756v56.326c0 4.67 4.086 8.464 8.755 8.464h129.581c4.67 0 8.464-3.794 8.464-8.464v-56.326c0-4.67-3.794-8.756-8.464-8.756h-19.553c-4.67 0-8.464 4.086-8.464 8.756v19.553c0 4.67-3.794 8.464-8.464 8.464Zm125.49-109.6h56.618c4.67 0 8.464 3.794 8.464 8.464V65.19c0 4.67 3.794 8.756 8.464 8.756h19.554c4.67 0 8.755-4.086 8.755-8.756V8.864C512 4.194 507.914.4 503.245.4H373.664c-4.67 0-8.464 3.794-8.464 8.464V65.19c0 4.67 3.794 8.756 8.464 8.756h19.553c4.67 0 8.464-4.086 8.464-8.756V45.637c0-4.67 3.794-8.464 8.464-8.464Z"/><path fill="#FA8A75" d="M410.145 146.773h56.618c4.67 0 8.464 3.794 8.464 8.464v19.553c0 4.67 3.794 8.756 8.464 8.756h19.554c4.67 0 8.755-4.086 8.755-8.756v-56.326c0-4.67-4.086-8.464-8.755-8.464H373.664c-4.67 0-8.464 3.794-8.464 8.464v56.326c0 4.67 3.794 8.756 8.464 8.756h19.553c4.67 0 8.464-4.086 8.464-8.756v-19.553c0-4.67 3.794-8.464 8.464-8.464Z"/></svg>
</template>

CSS

.icon-hoa {
  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%20512%20184%22%3E%3Cpath%20fill%3D%22%23424A52%22%20d%3D%22M101.855%2036.8H45.237c-4.67%200-8.464-3.797-8.464-8.47V8.762C36.773%204.089%2032.979%200%2028.309%200H8.755C4.085%200%200%204.089%200%208.762V65.13c0%204.673%204.086%208.47%208.755%208.47h129.581c4.67%200%208.464-3.797%208.464-8.47V8.762c0-4.673-3.794-8.762-8.464-8.762h-19.553c-4.67%200-8.464%204.089-8.464%208.762V28.33c0%204.673-3.794%208.47-8.464%208.47Z%22%2F%3E%3Cpath%20fill%3D%22%23FA8A75%22%20d%3D%22M44.945%20146.773h56.618c4.67%200%208.464%203.794%208.464%208.464v19.553c0%204.67%203.794%208.756%208.464%208.756h19.554c4.67%200%208.755-4.086%208.755-8.756v-56.326c0-4.67-4.086-8.464-8.755-8.464H8.464C3.794%20110%200%20113.794%200%20118.464v56.326c0%204.67%203.794%208.756%208.464%208.756h19.553c4.67%200%208.464-4.086%208.464-8.756v-19.553c0-4.67%203.794-8.464%208.464-8.464Zm182.8-109.6h56.618c4.67%200%208.464%203.794%208.464%208.464V65.19c0%204.67%203.794%208.756%208.464%208.756h19.554c4.67%200%208.755-4.086%208.755-8.756V8.864c0-4.67-4.086-8.464-8.755-8.464H191.264c-4.67%200-8.464%203.794-8.464%208.464V65.19c0%204.67%203.794%208.756%208.464%208.756h19.553c4.67%200%208.464-4.086%208.464-8.756V45.637c0-4.67%203.794-8.464%208.464-8.464Z%22%2F%3E%3Cpath%20fill%3D%22%23424A52%22%20d%3D%22M284.655%20146.773h-56.618c-4.67%200-8.464-3.794-8.464-8.464v-19.553c0-4.67-3.794-8.756-8.464-8.756h-19.554c-4.67%200-8.755%204.086-8.755%208.756v56.326c0%204.67%204.086%208.464%208.755%208.464h129.581c4.67%200%208.464-3.794%208.464-8.464v-56.326c0-4.67-3.794-8.756-8.464-8.756h-19.553c-4.67%200-8.464%204.086-8.464%208.756v19.553c0%204.67-3.794%208.464-8.464%208.464Zm125.49-109.6h56.618c4.67%200%208.464%203.794%208.464%208.464V65.19c0%204.67%203.794%208.756%208.464%208.756h19.554c4.67%200%208.755-4.086%208.755-8.756V8.864C512%204.194%20507.914.4%20503.245.4H373.664c-4.67%200-8.464%203.794-8.464%208.464V65.19c0%204.67%203.794%208.756%208.464%208.756h19.553c4.67%200%208.464-4.086%208.464-8.756V45.637c0-4.67%203.794-8.464%208.464-8.464Z%22%2F%3E%3Cpath%20fill%3D%22%23FA8A75%22%20d%3D%22M410.145%20146.773h56.618c4.67%200%208.464%203.794%208.464%208.464v19.553c0%204.67%203.794%208.756%208.464%208.756h19.554c4.67%200%208.755-4.086%208.755-8.756v-56.326c0-4.67-4.086-8.464-8.755-8.464H373.664c-4.67%200-8.464%203.794-8.464%208.464v56.326c0%204.67%203.794%208.756%208.464%208.756h19.553c4.67%200%208.464-4.086%208.464-8.756v-19.553c0-4.67%203.794-8.464%208.464-8.464Z%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%20512%20184%22%3E%3Cpath%20fill%3D%22%23424A52%22%20d%3D%22M101.855%2036.8H45.237c-4.67%200-8.464-3.797-8.464-8.47V8.762C36.773%204.089%2032.979%200%2028.309%200H8.755C4.085%200%200%204.089%200%208.762V65.13c0%204.673%204.086%208.47%208.755%208.47h129.581c4.67%200%208.464-3.797%208.464-8.47V8.762c0-4.673-3.794-8.762-8.464-8.762h-19.553c-4.67%200-8.464%204.089-8.464%208.762V28.33c0%204.673-3.794%208.47-8.464%208.47Z%22%2F%3E%3Cpath%20fill%3D%22%23FA8A75%22%20d%3D%22M44.945%20146.773h56.618c4.67%200%208.464%203.794%208.464%208.464v19.553c0%204.67%203.794%208.756%208.464%208.756h19.554c4.67%200%208.755-4.086%208.755-8.756v-56.326c0-4.67-4.086-8.464-8.755-8.464H8.464C3.794%20110%200%20113.794%200%20118.464v56.326c0%204.67%203.794%208.756%208.464%208.756h19.553c4.67%200%208.464-4.086%208.464-8.756v-19.553c0-4.67%203.794-8.464%208.464-8.464Zm182.8-109.6h56.618c4.67%200%208.464%203.794%208.464%208.464V65.19c0%204.67%203.794%208.756%208.464%208.756h19.554c4.67%200%208.755-4.086%208.755-8.756V8.864c0-4.67-4.086-8.464-8.755-8.464H191.264c-4.67%200-8.464%203.794-8.464%208.464V65.19c0%204.67%203.794%208.756%208.464%208.756h19.553c4.67%200%208.464-4.086%208.464-8.756V45.637c0-4.67%203.794-8.464%208.464-8.464Z%22%2F%3E%3Cpath%20fill%3D%22%23424A52%22%20d%3D%22M284.655%20146.773h-56.618c-4.67%200-8.464-3.794-8.464-8.464v-19.553c0-4.67-3.794-8.756-8.464-8.756h-19.554c-4.67%200-8.755%204.086-8.755%208.756v56.326c0%204.67%204.086%208.464%208.755%208.464h129.581c4.67%200%208.464-3.794%208.464-8.464v-56.326c0-4.67-3.794-8.756-8.464-8.756h-19.553c-4.67%200-8.464%204.086-8.464%208.756v19.553c0%204.67-3.794%208.464-8.464%208.464Zm125.49-109.6h56.618c4.67%200%208.464%203.794%208.464%208.464V65.19c0%204.67%203.794%208.756%208.464%208.756h19.554c4.67%200%208.755-4.086%208.755-8.756V8.864C512%204.194%20507.914.4%20503.245.4H373.664c-4.67%200-8.464%203.794-8.464%208.464V65.19c0%204.67%203.794%208.756%208.464%208.756h19.553c4.67%200%208.464-4.086%208.464-8.756V45.637c0-4.67%203.794-8.464%208.464-8.464Z%22%2F%3E%3Cpath%20fill%3D%22%23FA8A75%22%20d%3D%22M410.145%20146.773h56.618c4.67%200%208.464%203.794%208.464%208.464v19.553c0%204.67%203.794%208.756%208.464%208.756h19.554c4.67%200%208.755-4.086%208.755-8.756v-56.326c0-4.67-4.086-8.464-8.755-8.464H373.664c-4.67%200-8.464%203.794-8.464%208.464v56.326c0%204.67%203.794%208.756%208.464%208.756h19.553c4.67%200%208.464-4.086%208.464-8.756v-19.553c0-4.67%203.794-8.464%208.464-8.464Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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