htmx logo
htmx from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- htmx
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 512×118
- License
- CC0
The same logo in other sets
Related icons in SVG Logos
Use the htmx logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 118"><path fill="#111" d="m241.17 1.263l-.265 31.752l.265-.118c30.345-7.55 36.845 13.056 36.845 23.024v39.685h-18.21V57.069c0-5.889-2.886-14.287-18.635-9.42v47.957h-17.825V4.963zm195.808 56.91v37.403h-16.926V58.173l-.01-.47c-.256-6.461-5.789-15.044-17.6-9.506v47.378h-18.557l-.003-37.788c-.083-5.459-2.053-13.328-17.62-11.983v49.77H348.91V35.783l.5-.307c4.195-2.584 26.332-9.414 44.096 1.342c29.837-14.858 43.47 1.15 43.47 21.357M311.458 12.263v19.54h22.867v14.66h-22.012v24.158c0 3.33.118 5.76.978 7.19q8.016 6.913 21.034 1.776l1.47 14.472q-26.757 7.634-36.658-5.377c-3.537-3.967-5.293-9.419-5.293-16.309V16.086z"/><path fill="#4065c5" d="M446.854 31.858h19.331l13.064 20.179l12.044-20.179h19.05l-21.502 30.777L512 95.576h-20.021l-13.381-22.151l-13.381 22.151h-19.403l23.337-32.941z"/><path fill="#111" d="m127.035 29.938l52.247 22.029v15.307l-52.247 21.722l-4.144-15.055l38.636-14.5l-38.636-14.555zm-74.788 0L0 51.967v15.307l52.247 21.722l4.144-15.055l-38.636-14.5l38.636-14.555z"/><path fill="#4065c5" d="M101.084 0h17.973L79.129 117.031H60.225z"/></svg>
React
import type { SVGProps } from "react";
export function LogosHtmx(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 118"><path fill="#111" d="m241.17 1.263l-.265 31.752l.265-.118c30.345-7.55 36.845 13.056 36.845 23.024v39.685h-18.21V57.069c0-5.889-2.886-14.287-18.635-9.42v47.957h-17.825V4.963zm195.808 56.91v37.403h-16.926V58.173l-.01-.47c-.256-6.461-5.789-15.044-17.6-9.506v47.378h-18.557l-.003-37.788c-.083-5.459-2.053-13.328-17.62-11.983v49.77H348.91V35.783l.5-.307c4.195-2.584 26.332-9.414 44.096 1.342c29.837-14.858 43.47 1.15 43.47 21.357M311.458 12.263v19.54h22.867v14.66h-22.012v24.158c0 3.33.118 5.76.978 7.19q8.016 6.913 21.034 1.776l1.47 14.472q-26.757 7.634-36.658-5.377c-3.537-3.967-5.293-9.419-5.293-16.309V16.086z"/><path fill="#4065c5" d="M446.854 31.858h19.331l13.064 20.179l12.044-20.179h19.05l-21.502 30.777L512 95.576h-20.021l-13.381-22.151l-13.381 22.151h-19.403l23.337-32.941z"/><path fill="#111" d="m127.035 29.938l52.247 22.029v15.307l-52.247 21.722l-4.144-15.055l38.636-14.5l-38.636-14.555zm-74.788 0L0 51.967v15.307l52.247 21.722l4.144-15.055l-38.636-14.5l38.636-14.555z"/><path fill="#4065c5" d="M101.084 0h17.973L79.129 117.031H60.225z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 118"><path fill="#111" d="m241.17 1.263l-.265 31.752l.265-.118c30.345-7.55 36.845 13.056 36.845 23.024v39.685h-18.21V57.069c0-5.889-2.886-14.287-18.635-9.42v47.957h-17.825V4.963zm195.808 56.91v37.403h-16.926V58.173l-.01-.47c-.256-6.461-5.789-15.044-17.6-9.506v47.378h-18.557l-.003-37.788c-.083-5.459-2.053-13.328-17.62-11.983v49.77H348.91V35.783l.5-.307c4.195-2.584 26.332-9.414 44.096 1.342c29.837-14.858 43.47 1.15 43.47 21.357M311.458 12.263v19.54h22.867v14.66h-22.012v24.158c0 3.33.118 5.76.978 7.19q8.016 6.913 21.034 1.776l1.47 14.472q-26.757 7.634-36.658-5.377c-3.537-3.967-5.293-9.419-5.293-16.309V16.086z"/><path fill="#4065c5" d="M446.854 31.858h19.331l13.064 20.179l12.044-20.179h19.05l-21.502 30.777L512 95.576h-20.021l-13.381-22.151l-13.381 22.151h-19.403l23.337-32.941z"/><path fill="#111" d="m127.035 29.938l52.247 22.029v15.307l-52.247 21.722l-4.144-15.055l38.636-14.5l-38.636-14.555zm-74.788 0L0 51.967v15.307l52.247 21.722l4.144-15.055l-38.636-14.5l38.636-14.555z"/><path fill="#4065c5" d="M101.084 0h17.973L79.129 117.031H60.225z"/></svg> </template>
CSS
.icon-htmx {
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%20512%20118%22%3E%3Cpath%20fill%3D%22%23111%22%20d%3D%22m241.17%201.263l-.265%2031.752l.265-.118c30.345-7.55%2036.845%2013.056%2036.845%2023.024v39.685h-18.21V57.069c0-5.889-2.886-14.287-18.635-9.42v47.957h-17.825V4.963zm195.808%2056.91v37.403h-16.926V58.173l-.01-.47c-.256-6.461-5.789-15.044-17.6-9.506v47.378h-18.557l-.003-37.788c-.083-5.459-2.053-13.328-17.62-11.983v49.77H348.91V35.783l.5-.307c4.195-2.584%2026.332-9.414%2044.096%201.342c29.837-14.858%2043.47%201.15%2043.47%2021.357M311.458%2012.263v19.54h22.867v14.66h-22.012v24.158c0%203.33.118%205.76.978%207.19q8.016%206.913%2021.034%201.776l1.47%2014.472q-26.757%207.634-36.658-5.377c-3.537-3.967-5.293-9.419-5.293-16.309V16.086z%22%2F%3E%3Cpath%20fill%3D%22%234065c5%22%20d%3D%22M446.854%2031.858h19.331l13.064%2020.179l12.044-20.179h19.05l-21.502%2030.777L512%2095.576h-20.021l-13.381-22.151l-13.381%2022.151h-19.403l23.337-32.941z%22%2F%3E%3Cpath%20fill%3D%22%23111%22%20d%3D%22m127.035%2029.938l52.247%2022.029v15.307l-52.247%2021.722l-4.144-15.055l38.636-14.5l-38.636-14.555zm-74.788%200L0%2051.967v15.307l52.247%2021.722l4.144-15.055l-38.636-14.5l38.636-14.555z%22%2F%3E%3Cpath%20fill%3D%22%234065c5%22%20d%3D%22M101.084%200h17.973L79.129%20117.031H60.225z%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%20512%20118%22%3E%3Cpath%20fill%3D%22%23111%22%20d%3D%22m241.17%201.263l-.265%2031.752l.265-.118c30.345-7.55%2036.845%2013.056%2036.845%2023.024v39.685h-18.21V57.069c0-5.889-2.886-14.287-18.635-9.42v47.957h-17.825V4.963zm195.808%2056.91v37.403h-16.926V58.173l-.01-.47c-.256-6.461-5.789-15.044-17.6-9.506v47.378h-18.557l-.003-37.788c-.083-5.459-2.053-13.328-17.62-11.983v49.77H348.91V35.783l.5-.307c4.195-2.584%2026.332-9.414%2044.096%201.342c29.837-14.858%2043.47%201.15%2043.47%2021.357M311.458%2012.263v19.54h22.867v14.66h-22.012v24.158c0%203.33.118%205.76.978%207.19q8.016%206.913%2021.034%201.776l1.47%2014.472q-26.757%207.634-36.658-5.377c-3.537-3.967-5.293-9.419-5.293-16.309V16.086z%22%2F%3E%3Cpath%20fill%3D%22%234065c5%22%20d%3D%22M446.854%2031.858h19.331l13.064%2020.179l12.044-20.179h19.05l-21.502%2030.777L512%2095.576h-20.021l-13.381-22.151l-13.381%2022.151h-19.403l23.337-32.941z%22%2F%3E%3Cpath%20fill%3D%22%23111%22%20d%3D%22m127.035%2029.938l52.247%2022.029v15.307l-52.247%2021.722l-4.144-15.055l38.636-14.5l-38.636-14.555zm-74.788%200L0%2051.967v15.307l52.247%2021.722l4.144-15.055l-38.636-14.5l38.636-14.555z%22%2F%3E%3Cpath%20fill%3D%22%234065c5%22%20d%3D%22M101.084%200h17.973L79.129%20117.031H60.225z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/htmx.svg?color=%231a73e8&size=48
