httpie icon logo

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

Name
httpie-icon
Set
SVG Logos
Style
Color
Viewbox
256×306
License
CC0

Use the httpie icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 306"><path d="M256 66.28C255.732 29.408 224.974 0 188.102 0H67.96C31.366 0 .719 28.947.01 65.553a66.896 66.896 0 0 0 66.85 68.097h53.676a3.894 3.894 0 0 1 1.552 7.412L39.803 177.13C15.463 187.92-.163 212.112.011 238.736c.279 36.878 31.017 66.312 67.902 66.312H96.07c37.144 0 68.07-29.79 68.012-66.935c-.076-27.213-16.624-51.67-41.856-61.86a3.855 3.855 0 0 1-.065-7.1l94.11-41.266c24.316-10.808 39.916-34.998 39.73-61.607"/></svg>

React

import type { SVGProps } from "react";

export function LogosHttpieIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 306"><path d="M256 66.28C255.732 29.408 224.974 0 188.102 0H67.96C31.366 0 .719 28.947.01 65.553a66.896 66.896 0 0 0 66.85 68.097h53.676a3.894 3.894 0 0 1 1.552 7.412L39.803 177.13C15.463 187.92-.163 212.112.011 238.736c.279 36.878 31.017 66.312 67.902 66.312H96.07c37.144 0 68.07-29.79 68.012-66.935c-.076-27.213-16.624-51.67-41.856-61.86a3.855 3.855 0 0 1-.065-7.1l94.11-41.266c24.316-10.808 39.916-34.998 39.73-61.607"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 306"><path d="M256 66.28C255.732 29.408 224.974 0 188.102 0H67.96C31.366 0 .719 28.947.01 65.553a66.896 66.896 0 0 0 66.85 68.097h53.676a3.894 3.894 0 0 1 1.552 7.412L39.803 177.13C15.463 187.92-.163 212.112.011 238.736c.279 36.878 31.017 66.312 67.902 66.312H96.07c37.144 0 68.07-29.79 68.012-66.935c-.076-27.213-16.624-51.67-41.856-61.86a3.855 3.855 0 0 1-.065-7.1l94.11-41.266c24.316-10.808 39.916-34.998 39.73-61.607"/></svg>
</template>

CSS

.icon-httpie-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%20306%22%3E%3Cpath%20d%3D%22M256%2066.28C255.732%2029.408%20224.974%200%20188.102%200H67.96C31.366%200%20.719%2028.947.01%2065.553a66.896%2066.896%200%200%200%2066.85%2068.097h53.676a3.894%203.894%200%200%201%201.552%207.412L39.803%20177.13C15.463%20187.92-.163%20212.112.011%20238.736c.279%2036.878%2031.017%2066.312%2067.902%2066.312H96.07c37.144%200%2068.07-29.79%2068.012-66.935c-.076-27.213-16.624-51.67-41.856-61.86a3.855%203.855%200%200%201-.065-7.1l94.11-41.266c24.316-10.808%2039.916-34.998%2039.73-61.607%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%20306%22%3E%3Cpath%20d%3D%22M256%2066.28C255.732%2029.408%20224.974%200%20188.102%200H67.96C31.366%200%20.719%2028.947.01%2065.553a66.896%2066.896%200%200%200%2066.85%2068.097h53.676a3.894%203.894%200%200%201%201.552%207.412L39.803%20177.13C15.463%20187.92-.163%20212.112.011%20238.736c.279%2036.878%2031.017%2066.312%2067.902%2066.312H96.07c37.144%200%2068.07-29.79%2068.012-66.935c-.076-27.213-16.624-51.67-41.856-61.86a3.855%203.855%200%200%201-.065-7.1l94.11-41.266c24.316-10.808%2039.916-34.998%2039.73-61.607%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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