httpie logo
httpie from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- httpie
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the httpie logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.28 0C4.4 0 1.992 2.279 1.933 5.155a5.263 5.263 0 0 0 5.26 5.358h4.223a.306.306 0 0 1 .122.584l-6.47 2.835a5.26 5.26 0 0 0-3.135 4.85C1.953 21.683 4.368 24 7.273 24h2.212c2.922 0 5.357-2.345 5.35-5.267a5.26 5.26 0 0 0-3.29-4.867a.303.303 0 0 1-.007-.556l7.402-3.246a5.26 5.26 0 0 0 3.128-4.846C22.047 2.317 19.626.003 16.724.003z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsHttpie(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="M7.28 0C4.4 0 1.992 2.279 1.933 5.155a5.263 5.263 0 0 0 5.26 5.358h4.223a.306.306 0 0 1 .122.584l-6.47 2.835a5.26 5.26 0 0 0-3.135 4.85C1.953 21.683 4.368 24 7.273 24h2.212c2.922 0 5.357-2.345 5.35-5.267a5.26 5.26 0 0 0-3.29-4.867a.303.303 0 0 1-.007-.556l7.402-3.246a5.26 5.26 0 0 0 3.128-4.846C22.047 2.317 19.626.003 16.724.003z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.28 0C4.4 0 1.992 2.279 1.933 5.155a5.263 5.263 0 0 0 5.26 5.358h4.223a.306.306 0 0 1 .122.584l-6.47 2.835a5.26 5.26 0 0 0-3.135 4.85C1.953 21.683 4.368 24 7.273 24h2.212c2.922 0 5.357-2.345 5.35-5.267a5.26 5.26 0 0 0-3.29-4.867a.303.303 0 0 1-.007-.556l7.402-3.246a5.26 5.26 0 0 0 3.128-4.846C22.047 2.317 19.626.003 16.724.003z"/></svg> </template>
CSS
.icon-httpie {
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%22M7.28%200C4.4%200%201.992%202.279%201.933%205.155a5.263%205.263%200%200%200%205.26%205.358h4.223a.306.306%200%200%201%20.122.584l-6.47%202.835a5.26%205.26%200%200%200-3.135%204.85C1.953%2021.683%204.368%2024%207.273%2024h2.212c2.922%200%205.357-2.345%205.35-5.267a5.26%205.26%200%200%200-3.29-4.867a.303.303%200%200%201-.007-.556l7.402-3.246a5.26%205.26%200%200%200%203.128-4.846C22.047%202.317%2019.626.003%2016.724.003z%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%22M7.28%200C4.4%200%201.992%202.279%201.933%205.155a5.263%205.263%200%200%200%205.26%205.358h4.223a.306.306%200%200%201%20.122.584l-6.47%202.835a5.26%205.26%200%200%200-3.135%204.85C1.953%2021.683%204.368%2024%207.273%2024h2.212c2.922%200%205.357-2.345%205.35-5.267a5.26%205.26%200%200%200-3.29-4.867a.303.303%200%200%201-.007-.556l7.402-3.246a5.26%205.26%200%200%200%203.128-4.846C22.047%202.317%2019.626.003%2016.724.003z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/httpie.svg?color=%231a73e8&size=48
