helpscout icon logo

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

Name
helpscout-icon
Set
SVG Logos
Style
Color
Viewbox
256×310
License
CC0

Use the helpscout icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 310"><path fill="#1292ee" d="m18.432 180.969l90.484-90.485a63.72 63.72 0 0 0 18.99-45.428A64.25 64.25 0 0 0 109.476 0L18.99 90.484A63.72 63.72 0 0 0 0 135.913c0 17.687 7.075 33.512 18.432 45.056m219.136-52.876l-90.484 90.484a63.72 63.72 0 0 0-18.99 45.429a64.25 64.25 0 0 0 18.431 45.056l90.484-90.485A63.72 63.72 0 0 0 256 173.15c0-17.687-7.075-33.513-18.432-45.056m-.559-37.422A63.72 63.72 0 0 0 256 45.242A64.25 64.25 0 0 0 237.568.186L18.991 218.577C7.26 230.307 0 246.32 0 264.192a64.25 64.25 0 0 0 18.432 45.056z"/></svg>

React

import type { SVGProps } from "react";

export function LogosHelpscoutIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 310"><path fill="#1292ee" d="m18.432 180.969l90.484-90.485a63.72 63.72 0 0 0 18.99-45.428A64.25 64.25 0 0 0 109.476 0L18.99 90.484A63.72 63.72 0 0 0 0 135.913c0 17.687 7.075 33.512 18.432 45.056m219.136-52.876l-90.484 90.484a63.72 63.72 0 0 0-18.99 45.429a64.25 64.25 0 0 0 18.431 45.056l90.484-90.485A63.72 63.72 0 0 0 256 173.15c0-17.687-7.075-33.513-18.432-45.056m-.559-37.422A63.72 63.72 0 0 0 256 45.242A64.25 64.25 0 0 0 237.568.186L18.991 218.577C7.26 230.307 0 246.32 0 264.192a64.25 64.25 0 0 0 18.432 45.056z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 310"><path fill="#1292ee" d="m18.432 180.969l90.484-90.485a63.72 63.72 0 0 0 18.99-45.428A64.25 64.25 0 0 0 109.476 0L18.99 90.484A63.72 63.72 0 0 0 0 135.913c0 17.687 7.075 33.512 18.432 45.056m219.136-52.876l-90.484 90.484a63.72 63.72 0 0 0-18.99 45.429a64.25 64.25 0 0 0 18.431 45.056l90.484-90.485A63.72 63.72 0 0 0 256 173.15c0-17.687-7.075-33.513-18.432-45.056m-.559-37.422A63.72 63.72 0 0 0 256 45.242A64.25 64.25 0 0 0 237.568.186L18.991 218.577C7.26 230.307 0 246.32 0 264.192a64.25 64.25 0 0 0 18.432 45.056z"/></svg>
</template>

CSS

.icon-helpscout-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%20310%22%3E%3Cpath%20fill%3D%22%231292ee%22%20d%3D%22m18.432%20180.969l90.484-90.485a63.72%2063.72%200%200%200%2018.99-45.428A64.25%2064.25%200%200%200%20109.476%200L18.99%2090.484A63.72%2063.72%200%200%200%200%20135.913c0%2017.687%207.075%2033.512%2018.432%2045.056m219.136-52.876l-90.484%2090.484a63.72%2063.72%200%200%200-18.99%2045.429a64.25%2064.25%200%200%200%2018.431%2045.056l90.484-90.485A63.72%2063.72%200%200%200%20256%20173.15c0-17.687-7.075-33.513-18.432-45.056m-.559-37.422A63.72%2063.72%200%200%200%20256%2045.242A64.25%2064.25%200%200%200%20237.568.186L18.991%20218.577C7.26%20230.307%200%20246.32%200%20264.192a64.25%2064.25%200%200%200%2018.432%2045.056z%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%20310%22%3E%3Cpath%20fill%3D%22%231292ee%22%20d%3D%22m18.432%20180.969l90.484-90.485a63.72%2063.72%200%200%200%2018.99-45.428A64.25%2064.25%200%200%200%20109.476%200L18.99%2090.484A63.72%2063.72%200%200%200%200%20135.913c0%2017.687%207.075%2033.512%2018.432%2045.056m219.136-52.876l-90.484%2090.484a63.72%2063.72%200%200%200-18.99%2045.429a64.25%2064.25%200%200%200%2018.431%2045.056l90.484-90.485A63.72%2063.72%200%200%200%20256%20173.15c0-17.687-7.075-33.513-18.432-45.056m-.559-37.422A63.72%2063.72%200%200%200%20256%2045.242A64.25%2064.25%200%200%200%20237.568.186L18.991%20218.577C7.26%20230.307%200%20246.32%200%20264.192a64.25%2064.25%200%200%200%2018.432%2045.056z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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