hotjar icon logo

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

Name
hotjar-icon
Set
SVG Logos
Style
Color
Viewbox
256×288
License
CC0

Use the hotjar icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 288"><path fill="#ff3c00" d="M256 100.585c0 53.068-23.654 81.018-49.308 99.403l-4.984 3.443l-5 3.23l-4.979 3.04l-4.925 2.877l-18.623 10.45q-1.454.831-2.867 1.656l-5.484 3.303c-19.473 12.156-31.858 25.278-32.898 54.98l-.071 4.155H71.752c0-51.355 22.158-79.19 46.838-97.595l4.964-3.56q1.246-.86 2.496-1.693l5-3.229l4.978-3.04l9.759-5.616l13.787-7.712l5.652-3.305c21.022-12.65 34.51-25.579 35.597-56.632l.071-4.155zM184.252.145c0 51.35-22.153 79.185-46.833 97.591l-4.964 3.56q-1.247.86-2.497 1.693l-5 3.23l-4.979 3.04l-9.76 5.616l-13.788 7.713l-5.652 3.305q-1.371.824-2.7 1.653l-5.131 3.351c-16.5 11.328-26.82 24.627-27.766 51.63l-.072 4.155H0c0-54.78 25.206-82.793 51.797-101.152l4.997-3.333l4.994-3.133l4.957-2.956L87.82 64.236l5.652-3.306c21.023-12.65 34.51-25.58 35.597-56.631l.072-4.155z"/></svg>

React

import type { SVGProps } from "react";

export function LogosHotjarIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 288"><path fill="#ff3c00" d="M256 100.585c0 53.068-23.654 81.018-49.308 99.403l-4.984 3.443l-5 3.23l-4.979 3.04l-4.925 2.877l-18.623 10.45q-1.454.831-2.867 1.656l-5.484 3.303c-19.473 12.156-31.858 25.278-32.898 54.98l-.071 4.155H71.752c0-51.355 22.158-79.19 46.838-97.595l4.964-3.56q1.246-.86 2.496-1.693l5-3.229l4.978-3.04l9.759-5.616l13.787-7.712l5.652-3.305c21.022-12.65 34.51-25.579 35.597-56.632l.071-4.155zM184.252.145c0 51.35-22.153 79.185-46.833 97.591l-4.964 3.56q-1.247.86-2.497 1.693l-5 3.23l-4.979 3.04l-9.76 5.616l-13.788 7.713l-5.652 3.305q-1.371.824-2.7 1.653l-5.131 3.351c-16.5 11.328-26.82 24.627-27.766 51.63l-.072 4.155H0c0-54.78 25.206-82.793 51.797-101.152l4.997-3.333l4.994-3.133l4.957-2.956L87.82 64.236l5.652-3.306c21.023-12.65 34.51-25.58 35.597-56.631l.072-4.155z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 288"><path fill="#ff3c00" d="M256 100.585c0 53.068-23.654 81.018-49.308 99.403l-4.984 3.443l-5 3.23l-4.979 3.04l-4.925 2.877l-18.623 10.45q-1.454.831-2.867 1.656l-5.484 3.303c-19.473 12.156-31.858 25.278-32.898 54.98l-.071 4.155H71.752c0-51.355 22.158-79.19 46.838-97.595l4.964-3.56q1.246-.86 2.496-1.693l5-3.229l4.978-3.04l9.759-5.616l13.787-7.712l5.652-3.305c21.022-12.65 34.51-25.579 35.597-56.632l.071-4.155zM184.252.145c0 51.35-22.153 79.185-46.833 97.591l-4.964 3.56q-1.247.86-2.497 1.693l-5 3.23l-4.979 3.04l-9.76 5.616l-13.788 7.713l-5.652 3.305q-1.371.824-2.7 1.653l-5.131 3.351c-16.5 11.328-26.82 24.627-27.766 51.63l-.072 4.155H0c0-54.78 25.206-82.793 51.797-101.152l4.997-3.333l4.994-3.133l4.957-2.956L87.82 64.236l5.652-3.306c21.023-12.65 34.51-25.58 35.597-56.631l.072-4.155z"/></svg>
</template>

CSS

.icon-hotjar-icon {
  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%20288%22%3E%3Cpath%20fill%3D%22%23ff3c00%22%20d%3D%22M256%20100.585c0%2053.068-23.654%2081.018-49.308%2099.403l-4.984%203.443l-5%203.23l-4.979%203.04l-4.925%202.877l-18.623%2010.45q-1.454.831-2.867%201.656l-5.484%203.303c-19.473%2012.156-31.858%2025.278-32.898%2054.98l-.071%204.155H71.752c0-51.355%2022.158-79.19%2046.838-97.595l4.964-3.56q1.246-.86%202.496-1.693l5-3.229l4.978-3.04l9.759-5.616l13.787-7.712l5.652-3.305c21.022-12.65%2034.51-25.579%2035.597-56.632l.071-4.155zM184.252.145c0%2051.35-22.153%2079.185-46.833%2097.591l-4.964%203.56q-1.247.86-2.497%201.693l-5%203.23l-4.979%203.04l-9.76%205.616l-13.788%207.713l-5.652%203.305q-1.371.824-2.7%201.653l-5.131%203.351c-16.5%2011.328-26.82%2024.627-27.766%2051.63l-.072%204.155H0c0-54.78%2025.206-82.793%2051.797-101.152l4.997-3.333l4.994-3.133l4.957-2.956L87.82%2064.236l5.652-3.306c21.023-12.65%2034.51-25.58%2035.597-56.631l.072-4.155z%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%20288%22%3E%3Cpath%20fill%3D%22%23ff3c00%22%20d%3D%22M256%20100.585c0%2053.068-23.654%2081.018-49.308%2099.403l-4.984%203.443l-5%203.23l-4.979%203.04l-4.925%202.877l-18.623%2010.45q-1.454.831-2.867%201.656l-5.484%203.303c-19.473%2012.156-31.858%2025.278-32.898%2054.98l-.071%204.155H71.752c0-51.355%2022.158-79.19%2046.838-97.595l4.964-3.56q1.246-.86%202.496-1.693l5-3.229l4.978-3.04l9.759-5.616l13.787-7.712l5.652-3.305c21.022-12.65%2034.51-25.579%2035.597-56.632l.071-4.155zM184.252.145c0%2051.35-22.153%2079.185-46.833%2097.591l-4.964%203.56q-1.247.86-2.497%201.693l-5%203.23l-4.979%203.04l-9.76%205.616l-13.788%207.713l-5.652%203.305q-1.371.824-2.7%201.653l-5.131%203.351c-16.5%2011.328-26.82%2024.627-27.766%2051.63l-.072%204.155H0c0-54.78%2025.206-82.793%2051.797-101.152l4.997-3.333l4.994-3.133l4.957-2.956L87.82%2064.236l5.652-3.306c21.023-12.65%2034.51-25.58%2035.597-56.631l.072-4.155z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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