homeassistantcommunitystore logo

homeassistantcommunitystore from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
homeassistantcommunitystore
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the homeassistantcommunitystore logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M1.63.47a.393.393 0 0 0-.39.39v2.417c0 .212.177.39.39.39h20.74c.213 0 .39-.178.39-.39V.859a.393.393 0 0 0-.39-.39zm-.045 4.126a.41.41 0 0 0-.407.337l-1.17 6.314C0 11.274 0 11.3 0 11.327v2.117c0 .23.186.416.416.416h23.168c.23 0 .416-.186.416-.416v-2.126c0-.027 0-.053-.009-.08l-1.169-6.305a.41.41 0 0 0-.407-.337zM1.7 14.781a.457.457 0 0 0-.46.46v7.829c0 .257.203.46.46.46h14.108c.257 0 .46-.203.46-.46v-6.589c0-.257.204-.46.461-.46h4.02c.258 0 .461.203.461.46v6.589c0 .257.204.46.46.46h.62a.456.456 0 0 0 .461-.46v-7.829a.46.46 0 0 0-.46-.46zm1.842 1.55h7.847c.212 0 .39.177.39.39V21.6c0 .212-.178.39-.39.39H3.542a.393.393 0 0 1-.39-.39v-4.88c0-.221.178-.39.39-.39Z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsHomeassistantcommunitystore(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="M1.63.47a.393.393 0 0 0-.39.39v2.417c0 .212.177.39.39.39h20.74c.213 0 .39-.178.39-.39V.859a.393.393 0 0 0-.39-.39zm-.045 4.126a.41.41 0 0 0-.407.337l-1.17 6.314C0 11.274 0 11.3 0 11.327v2.117c0 .23.186.416.416.416h23.168c.23 0 .416-.186.416-.416v-2.126c0-.027 0-.053-.009-.08l-1.169-6.305a.41.41 0 0 0-.407-.337zM1.7 14.781a.457.457 0 0 0-.46.46v7.829c0 .257.203.46.46.46h14.108c.257 0 .46-.203.46-.46v-6.589c0-.257.204-.46.461-.46h4.02c.258 0 .461.203.461.46v6.589c0 .257.204.46.46.46h.62a.456.456 0 0 0 .461-.46v-7.829a.46.46 0 0 0-.46-.46zm1.842 1.55h7.847c.212 0 .39.177.39.39V21.6c0 .212-.178.39-.39.39H3.542a.393.393 0 0 1-.39-.39v-4.88c0-.221.178-.39.39-.39Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M1.63.47a.393.393 0 0 0-.39.39v2.417c0 .212.177.39.39.39h20.74c.213 0 .39-.178.39-.39V.859a.393.393 0 0 0-.39-.39zm-.045 4.126a.41.41 0 0 0-.407.337l-1.17 6.314C0 11.274 0 11.3 0 11.327v2.117c0 .23.186.416.416.416h23.168c.23 0 .416-.186.416-.416v-2.126c0-.027 0-.053-.009-.08l-1.169-6.305a.41.41 0 0 0-.407-.337zM1.7 14.781a.457.457 0 0 0-.46.46v7.829c0 .257.203.46.46.46h14.108c.257 0 .46-.203.46-.46v-6.589c0-.257.204-.46.461-.46h4.02c.258 0 .461.203.461.46v6.589c0 .257.204.46.46.46h.62a.456.456 0 0 0 .461-.46v-7.829a.46.46 0 0 0-.46-.46zm1.842 1.55h7.847c.212 0 .39.177.39.39V21.6c0 .212-.178.39-.39.39H3.542a.393.393 0 0 1-.39-.39v-4.88c0-.221.178-.39.39-.39Z"/></svg>
</template>

CSS

.icon-homeassistantcommunitystore {
  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%22M1.63.47a.393.393%200%200%200-.39.39v2.417c0%20.212.177.39.39.39h20.74c.213%200%20.39-.178.39-.39V.859a.393.393%200%200%200-.39-.39zm-.045%204.126a.41.41%200%200%200-.407.337l-1.17%206.314C0%2011.274%200%2011.3%200%2011.327v2.117c0%20.23.186.416.416.416h23.168c.23%200%20.416-.186.416-.416v-2.126c0-.027%200-.053-.009-.08l-1.169-6.305a.41.41%200%200%200-.407-.337zM1.7%2014.781a.457.457%200%200%200-.46.46v7.829c0%20.257.203.46.46.46h14.108c.257%200%20.46-.203.46-.46v-6.589c0-.257.204-.46.461-.46h4.02c.258%200%20.461.203.461.46v6.589c0%20.257.204.46.46.46h.62a.456.456%200%200%200%20.461-.46v-7.829a.46.46%200%200%200-.46-.46zm1.842%201.55h7.847c.212%200%20.39.177.39.39V21.6c0%20.212-.178.39-.39.39H3.542a.393.393%200%200%201-.39-.39v-4.88c0-.221.178-.39.39-.39Z%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%22M1.63.47a.393.393%200%200%200-.39.39v2.417c0%20.212.177.39.39.39h20.74c.213%200%20.39-.178.39-.39V.859a.393.393%200%200%200-.39-.39zm-.045%204.126a.41.41%200%200%200-.407.337l-1.17%206.314C0%2011.274%200%2011.3%200%2011.327v2.117c0%20.23.186.416.416.416h23.168c.23%200%20.416-.186.416-.416v-2.126c0-.027%200-.053-.009-.08l-1.169-6.305a.41.41%200%200%200-.407-.337zM1.7%2014.781a.457.457%200%200%200-.46.46v7.829c0%20.257.203.46.46.46h14.108c.257%200%20.46-.203.46-.46v-6.589c0-.257.204-.46.461-.46h4.02c.258%200%20.461.203.461.46v6.589c0%20.257.204.46.46.46h.62a.456.456%200%200%200%20.461-.46v-7.829a.46.46%200%200%200-.46-.46zm1.842%201.55h7.847c.212%200%20.39.177.39.39V21.6c0%20.212-.178.39-.39.39H3.542a.393.393%200%200%201-.39-.39v-4.88c0-.221.178-.39.39-.39Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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