homify logo
homify from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- homify
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the homify logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M27.333 14.083v.068l-.005.068c-.12 3.104-.077 15.145-.077 15.765c.004 1.437-1.12 2.589-2.157 1.709l-9.437-7.376c-2.963 3.073-5.807 5.995-6.411 6.568c-1.324 1.26-2.412-1.765-1.412-2.412c.088-.052 3.005-2.599 6.235-5.395L7.08 17.614c-.605-.475-.839-1.26-.491-1.677a.62.62 0 0 1 .443-.172a.7.7 0 0 1 .22.052c2.161.959 5.353 3.323 8.536 5.771c3.312-2.869 6.495-5.588 6.911-5.817c.516-.287.657.469.48.688c-.172.219-2.932 3.099-5.953 6.239c2.973 2.308 5.803 4.516 7.583 5.511l.297-14.156c-.235-.276-7.208-9.552-7.964-10.333c-1.208 1.041-7.525 8.151-7.848 8.459c1.443.145 7.568.511 11.427.911c.975.095 1.625.808-.464.792l-15.015-.025a.59.59 0 0 1-.532-.355a.55.55 0 0 1 .131-.609C4.92 12.814 15.71.997 16.617.248c.203-.172.421-.256.645-.245a1 1 0 0 1 .657.303c.113.104 5.801 7.916 8.577 11.733c.661.901.833 1.516.839 2z"/></svg>
React
import type { SVGProps } from "react";
export function CibHomify(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M27.333 14.083v.068l-.005.068c-.12 3.104-.077 15.145-.077 15.765c.004 1.437-1.12 2.589-2.157 1.709l-9.437-7.376c-2.963 3.073-5.807 5.995-6.411 6.568c-1.324 1.26-2.412-1.765-1.412-2.412c.088-.052 3.005-2.599 6.235-5.395L7.08 17.614c-.605-.475-.839-1.26-.491-1.677a.62.62 0 0 1 .443-.172a.7.7 0 0 1 .22.052c2.161.959 5.353 3.323 8.536 5.771c3.312-2.869 6.495-5.588 6.911-5.817c.516-.287.657.469.48.688c-.172.219-2.932 3.099-5.953 6.239c2.973 2.308 5.803 4.516 7.583 5.511l.297-14.156c-.235-.276-7.208-9.552-7.964-10.333c-1.208 1.041-7.525 8.151-7.848 8.459c1.443.145 7.568.511 11.427.911c.975.095 1.625.808-.464.792l-15.015-.025a.59.59 0 0 1-.532-.355a.55.55 0 0 1 .131-.609C4.92 12.814 15.71.997 16.617.248c.203-.172.421-.256.645-.245a1 1 0 0 1 .657.303c.113.104 5.801 7.916 8.577 11.733c.661.901.833 1.516.839 2z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M27.333 14.083v.068l-.005.068c-.12 3.104-.077 15.145-.077 15.765c.004 1.437-1.12 2.589-2.157 1.709l-9.437-7.376c-2.963 3.073-5.807 5.995-6.411 6.568c-1.324 1.26-2.412-1.765-1.412-2.412c.088-.052 3.005-2.599 6.235-5.395L7.08 17.614c-.605-.475-.839-1.26-.491-1.677a.62.62 0 0 1 .443-.172a.7.7 0 0 1 .22.052c2.161.959 5.353 3.323 8.536 5.771c3.312-2.869 6.495-5.588 6.911-5.817c.516-.287.657.469.48.688c-.172.219-2.932 3.099-5.953 6.239c2.973 2.308 5.803 4.516 7.583 5.511l.297-14.156c-.235-.276-7.208-9.552-7.964-10.333c-1.208 1.041-7.525 8.151-7.848 8.459c1.443.145 7.568.511 11.427.911c.975.095 1.625.808-.464.792l-15.015-.025a.59.59 0 0 1-.532-.355a.55.55 0 0 1 .131-.609C4.92 12.814 15.71.997 16.617.248c.203-.172.421-.256.645-.245a1 1 0 0 1 .657.303c.113.104 5.801 7.916 8.577 11.733c.661.901.833 1.516.839 2z"/></svg> </template>
CSS
.icon-homify {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M27.333%2014.083v.068l-.005.068c-.12%203.104-.077%2015.145-.077%2015.765c.004%201.437-1.12%202.589-2.157%201.709l-9.437-7.376c-2.963%203.073-5.807%205.995-6.411%206.568c-1.324%201.26-2.412-1.765-1.412-2.412c.088-.052%203.005-2.599%206.235-5.395L7.08%2017.614c-.605-.475-.839-1.26-.491-1.677a.62.62%200%200%201%20.443-.172a.7.7%200%200%201%20.22.052c2.161.959%205.353%203.323%208.536%205.771c3.312-2.869%206.495-5.588%206.911-5.817c.516-.287.657.469.48.688c-.172.219-2.932%203.099-5.953%206.239c2.973%202.308%205.803%204.516%207.583%205.511l.297-14.156c-.235-.276-7.208-9.552-7.964-10.333c-1.208%201.041-7.525%208.151-7.848%208.459c1.443.145%207.568.511%2011.427.911c.975.095%201.625.808-.464.792l-15.015-.025a.59.59%200%200%201-.532-.355a.55.55%200%200%201%20.131-.609C4.92%2012.814%2015.71.997%2016.617.248c.203-.172.421-.256.645-.245a1%201%200%200%201%20.657.303c.113.104%205.801%207.916%208.577%2011.733c.661.901.833%201.516.839%202z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M27.333%2014.083v.068l-.005.068c-.12%203.104-.077%2015.145-.077%2015.765c.004%201.437-1.12%202.589-2.157%201.709l-9.437-7.376c-2.963%203.073-5.807%205.995-6.411%206.568c-1.324%201.26-2.412-1.765-1.412-2.412c.088-.052%203.005-2.599%206.235-5.395L7.08%2017.614c-.605-.475-.839-1.26-.491-1.677a.62.62%200%200%201%20.443-.172a.7.7%200%200%201%20.22.052c2.161.959%205.353%203.323%208.536%205.771c3.312-2.869%206.495-5.588%206.911-5.817c.516-.287.657.469.48.688c-.172.219-2.932%203.099-5.953%206.239c2.973%202.308%205.803%204.516%207.583%205.511l.297-14.156c-.235-.276-7.208-9.552-7.964-10.333c-1.208%201.041-7.525%208.151-7.848%208.459c1.443.145%207.568.511%2011.427.911c.975.095%201.625.808-.464.792l-15.015-.025a.59.59%200%200%201-.532-.355a.55.55%200%200%201%20.131-.609C4.92%2012.814%2015.71.997%2016.617.248c.203-.172.421-.256.645-.245a1%201%200%200%201%20.657.303c.113.104%205.801%207.916%208.577%2011.733c.661.901.833%201.516.839%202z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/homify.svg?color=%231a73e8&size=48
