headlessui logo

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

Name
headlessui
Set
SVG Logos
Style
Color
Viewbox
512×90
License
CC0

The same logo in other sets

headlessuiSimple Icons

Related icons in SVG Logos

headlessui-icon

Use the headlessui logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 90"><defs><linearGradient id="SVGrDNsucjF" x1="35.871%" x2="60.314%" y1="7.202%" y2="116.022%"><stop offset="0%" stop-color="#66e3ff"/><stop offset="100%" stop-color="#7064f9"/></linearGradient><linearGradient id="SVGbljQqcUJ" x1="39.177%" x2="55.048%" y1="0%" y2="99.181%"><stop offset="0%" stop-color="#66e3ff"/><stop offset="100%" stop-color="#7064f9"/></linearGradient></defs><path fill="#111827" d="M138.845 29.13c-5.555 0-9.965 2.042-12.66 6.29V13.85h-8.82v57.187h8.82V49.145c0-8.333 4.573-11.764 10.37-11.764c5.555 0 9.15 3.266 9.15 9.475v24.182h8.818v-25.08c0-10.62-6.531-16.829-15.678-16.829m42.41 0c12.17 0 20.5 9.802 20.5 21.565c0 .92-.093 1.884-.208 2.792l-.12.885h-32.504c1.388 6.372 6.534 9.64 13.068 9.64c4.654 0 8.205-1.99 10.228-4.64l.307-.425l7.267 4.248c-3.755 5.555-9.883 8.904-17.886 8.904c-13.474 0-22.213-9.229-22.213-21.485c0-12.091 8.74-21.485 21.56-21.485m-.082 8.005c-6.394 0-10.807 3.663-12.2 9.44l-.134.606h24.011c-1.225-7.024-6.368-10.046-11.677-10.046m44.109-8.006c6.095 0 10.766 2.392 13.879 6.317l.414.545V30.19h8.82v40.848h-8.82v-5.881c-3.103 4.328-7.921 6.942-14.293 6.942c-11.106 0-20.335-9.396-20.335-21.485c0-12.172 9.226-21.485 20.335-21.485m1.388 8.415c-7.348 0-12.903 5.473-12.903 13.07c0 7.386 5.25 12.768 12.295 13.06l.608.014c7.35-.003 12.905-5.477 12.905-13.074s-5.554-13.07-12.905-13.07m71.125-23.693v57.187h-8.82v-5.881c-3.103 4.328-7.921 6.942-14.293 6.942c-11.106 0-20.335-9.396-20.335-21.485c0-12.172 9.229-21.485 20.335-21.485c6.095 0 10.768 2.392 13.879 6.317l.414.545V13.85zm-21.722 23.693c-7.351 0-12.906 5.473-12.906 13.07c0 7.386 5.25 12.768 12.297 13.06l.609.014c7.348-.003 12.902-5.477 12.902-13.074s-5.554-13.07-12.902-13.07m29.96 33.494h8.823V11.403h-8.823zM342.33 29.13c12.17 0 20.5 9.803 20.5 21.566c0 .92-.093 1.884-.208 2.792l-.12.885h-32.504c1.388 6.372 6.534 9.64 13.065 9.64c4.658 0 8.206-1.99 10.23-4.64l.306-.425l7.27 4.248c-3.759 5.555-9.884 8.904-17.887 8.904c-13.473 0-22.212-9.229-22.212-21.485c0-12.091 8.739-21.485 21.56-21.485m-.08 8.006c-6.395 0-10.808 3.663-12.202 9.44l-.134.606h24.012c-1.226-7.024-6.369-10.046-11.677-10.046m32.624 4.329c0-2.938 2.778-4.329 5.963-4.329c3.35 0 6.206 1.47 7.678 4.656l7.432-4.166c-2.86-5.392-8.414-8.496-15.11-8.496c-8.33 0-14.946 4.819-14.946 12.5c0 7.443 5.694 10.04 11.284 11.753l1.786.526l2.297.657l1.083.329c3.166 1 5.52 2.164 5.52 4.543c0 3.268-3.023 4.575-6.943 4.575c-4.491 0-7.757-2.205-9.064-5.882l-7.597 4.41c2.614 5.882 8.496 9.559 16.66 9.559c8.82 0 15.928-4.41 15.928-12.58c0-7.286-5.107-10.015-10.397-11.72l-1.177-.364l-3.992-1.132l-1.055-.32c-2.91-.918-5.096-2.001-5.33-4.132zm33.13 0c0-2.938 2.78-4.329 5.964-4.329c3.346 0 6.206 1.47 7.675 4.656l7.432-4.166c-2.857-5.392-8.411-8.496-15.107-8.496c-8.33 0-14.946 4.819-14.946 12.5c0 7.443 5.694 10.04 11.284 11.753l1.787.526l2.296.657l1.083.329c3.166 1 5.52 2.164 5.52 4.543c0 3.268-3.023 4.575-6.943 4.575c-4.491 0-7.76-2.205-9.066-5.882l-7.595 4.41c2.614 5.882 8.493 9.559 16.66 9.559c8.82 0 15.926-4.41 15.926-12.58c0-7.286-5.107-10.015-10.397-11.72l-1.176-.364l-3.991-1.132l-1.055-.32l-.995-.332c-2.402-.855-4.128-1.92-4.335-3.8zm86.964-27.259a17.033 17.033 0 0 1 17.015 16.244l.018.795v28.393a17.033 17.033 0 0 1-16.238 17.018l-.795.018h-28.385a17.033 17.033 0 0 1-17.012-16.24l-.018-.796V31.242a17.033 17.033 0 0 1 16.235-17.017l.795-.019zm0 5.678l-28.385.003c-6.27.001-11.354 5.084-11.355 11.355v28.396c.001 6.271 5.084 11.354 11.355 11.356h28.385c6.27-.002 11.354-5.085 11.355-11.356V31.245a11.36 11.36 0 0 0-11.355-11.361M470.11 33.232v18.286c0 2.703 1.433 4.729 5.169 4.729c3.558 0 5.024-1.838 5.156-4.348l.01-.381V33.234h5.484v18.72c0 5.81-4.243 9.424-10.063 9.651l-.587.012c-5.885-.003-10.317-3.428-10.597-9.089l-.014-.573V33.232zm27.037 0v27.825h-5.485V33.232z"/><path fill="url(#SVGrDNsucjF)" d="m17.726 55.637l54.621-18.239c-1.09-6.828-1.869-11.389-2.77-14.87c-.97-3.744-1.74-4.745-2.043-5.092a10.65 10.65 0 0 0-3.836-2.787c-.425-.182-1.617-.605-5.473-.373c-4.08.247-9.436 1.08-17.917 2.424c-8.479 1.343-13.832 2.207-17.786 3.232c-3.741.97-4.746 1.743-5.093 2.045a10.7 10.7 0 0 0-2.784 3.836c-.182.426-.604 1.618-.372 5.477c.246 4.08 1.08 9.438 2.423 17.92c.375 2.378.714 4.505 1.03 6.427"/><path fill="url(#SVGbljQqcUJ)" d="M2.666 51.431c-2.597-16.409-3.898-24.613-1.083-31.2a24.9 24.9 0 0 1 6.503-8.954c5.392-4.71 13.594-6.008 29.997-8.608c16.409-2.602 24.61-3.9 31.2-1.085a24.85 24.85 0 0 1 8.95 6.503c4.711 5.395 6.01 13.6 8.606 30.01c2.6 16.41 3.898 24.617 1.083 31.201a24.86 24.86 0 0 1-6.5 8.954c-5.392 4.713-13.597 6.01-30.003 8.61c-16.403 2.6-24.607 3.898-31.191 1.083a24.86 24.86 0 0 1-8.95-6.503c-4.711-5.395-6.01-13.6-8.61-30.01zm28.936 29.141c4.394-.266 10.052-1.153 18.427-2.48c8.378-1.326 14.027-2.232 18.292-3.337c4.127-1.072 6.03-2.116 7.258-3.19a16 16 0 0 0 4.178-5.756c.644-1.5 1.05-3.633.792-7.891c-.266-4.394-1.153-10.054-2.48-18.432s-2.23-14.034-3.335-18.295c-1.071-4.13-2.118-6.033-3.19-7.262a16 16 0 0 0-5.753-4.18c-1.5-.644-3.632-1.05-7.89-.792c-4.394.266-10.05 1.153-18.427 2.48c-8.375 1.328-14.028 2.232-18.29 3.337c-4.13 1.072-6.03 2.119-7.258 3.19a16 16 0 0 0-4.18 5.756c-.641 1.5-1.047 3.632-.79 7.891c.266 4.396 1.15 10.054 2.48 18.432c1.326 8.378 2.23 14.033 3.335 18.295c1.072 4.13 2.115 6.033 3.19 7.262a16 16 0 0 0 5.753 4.18c1.5.644 3.63 1.05 7.891.792z"/></svg>

React

import type { SVGProps } from "react";

export function LogosHeadlessui(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 90"><defs><linearGradient id="SVGrDNsucjF" x1="35.871%" x2="60.314%" y1="7.202%" y2="116.022%"><stop offset="0%" stopColor="#66e3ff"/><stop offset="100%" stopColor="#7064f9"/></linearGradient><linearGradient id="SVGbljQqcUJ" x1="39.177%" x2="55.048%" y1="0%" y2="99.181%"><stop offset="0%" stopColor="#66e3ff"/><stop offset="100%" stopColor="#7064f9"/></linearGradient></defs><path fill="#111827" d="M138.845 29.13c-5.555 0-9.965 2.042-12.66 6.29V13.85h-8.82v57.187h8.82V49.145c0-8.333 4.573-11.764 10.37-11.764c5.555 0 9.15 3.266 9.15 9.475v24.182h8.818v-25.08c0-10.62-6.531-16.829-15.678-16.829m42.41 0c12.17 0 20.5 9.802 20.5 21.565c0 .92-.093 1.884-.208 2.792l-.12.885h-32.504c1.388 6.372 6.534 9.64 13.068 9.64c4.654 0 8.205-1.99 10.228-4.64l.307-.425l7.267 4.248c-3.755 5.555-9.883 8.904-17.886 8.904c-13.474 0-22.213-9.229-22.213-21.485c0-12.091 8.74-21.485 21.56-21.485m-.082 8.005c-6.394 0-10.807 3.663-12.2 9.44l-.134.606h24.011c-1.225-7.024-6.368-10.046-11.677-10.046m44.109-8.006c6.095 0 10.766 2.392 13.879 6.317l.414.545V30.19h8.82v40.848h-8.82v-5.881c-3.103 4.328-7.921 6.942-14.293 6.942c-11.106 0-20.335-9.396-20.335-21.485c0-12.172 9.226-21.485 20.335-21.485m1.388 8.415c-7.348 0-12.903 5.473-12.903 13.07c0 7.386 5.25 12.768 12.295 13.06l.608.014c7.35-.003 12.905-5.477 12.905-13.074s-5.554-13.07-12.905-13.07m71.125-23.693v57.187h-8.82v-5.881c-3.103 4.328-7.921 6.942-14.293 6.942c-11.106 0-20.335-9.396-20.335-21.485c0-12.172 9.229-21.485 20.335-21.485c6.095 0 10.768 2.392 13.879 6.317l.414.545V13.85zm-21.722 23.693c-7.351 0-12.906 5.473-12.906 13.07c0 7.386 5.25 12.768 12.297 13.06l.609.014c7.348-.003 12.902-5.477 12.902-13.074s-5.554-13.07-12.902-13.07m29.96 33.494h8.823V11.403h-8.823zM342.33 29.13c12.17 0 20.5 9.803 20.5 21.566c0 .92-.093 1.884-.208 2.792l-.12.885h-32.504c1.388 6.372 6.534 9.64 13.065 9.64c4.658 0 8.206-1.99 10.23-4.64l.306-.425l7.27 4.248c-3.759 5.555-9.884 8.904-17.887 8.904c-13.473 0-22.212-9.229-22.212-21.485c0-12.091 8.739-21.485 21.56-21.485m-.08 8.006c-6.395 0-10.808 3.663-12.202 9.44l-.134.606h24.012c-1.226-7.024-6.369-10.046-11.677-10.046m32.624 4.329c0-2.938 2.778-4.329 5.963-4.329c3.35 0 6.206 1.47 7.678 4.656l7.432-4.166c-2.86-5.392-8.414-8.496-15.11-8.496c-8.33 0-14.946 4.819-14.946 12.5c0 7.443 5.694 10.04 11.284 11.753l1.786.526l2.297.657l1.083.329c3.166 1 5.52 2.164 5.52 4.543c0 3.268-3.023 4.575-6.943 4.575c-4.491 0-7.757-2.205-9.064-5.882l-7.597 4.41c2.614 5.882 8.496 9.559 16.66 9.559c8.82 0 15.928-4.41 15.928-12.58c0-7.286-5.107-10.015-10.397-11.72l-1.177-.364l-3.992-1.132l-1.055-.32c-2.91-.918-5.096-2.001-5.33-4.132zm33.13 0c0-2.938 2.78-4.329 5.964-4.329c3.346 0 6.206 1.47 7.675 4.656l7.432-4.166c-2.857-5.392-8.411-8.496-15.107-8.496c-8.33 0-14.946 4.819-14.946 12.5c0 7.443 5.694 10.04 11.284 11.753l1.787.526l2.296.657l1.083.329c3.166 1 5.52 2.164 5.52 4.543c0 3.268-3.023 4.575-6.943 4.575c-4.491 0-7.76-2.205-9.066-5.882l-7.595 4.41c2.614 5.882 8.493 9.559 16.66 9.559c8.82 0 15.926-4.41 15.926-12.58c0-7.286-5.107-10.015-10.397-11.72l-1.176-.364l-3.991-1.132l-1.055-.32l-.995-.332c-2.402-.855-4.128-1.92-4.335-3.8zm86.964-27.259a17.033 17.033 0 0 1 17.015 16.244l.018.795v28.393a17.033 17.033 0 0 1-16.238 17.018l-.795.018h-28.385a17.033 17.033 0 0 1-17.012-16.24l-.018-.796V31.242a17.033 17.033 0 0 1 16.235-17.017l.795-.019zm0 5.678l-28.385.003c-6.27.001-11.354 5.084-11.355 11.355v28.396c.001 6.271 5.084 11.354 11.355 11.356h28.385c6.27-.002 11.354-5.085 11.355-11.356V31.245a11.36 11.36 0 0 0-11.355-11.361M470.11 33.232v18.286c0 2.703 1.433 4.729 5.169 4.729c3.558 0 5.024-1.838 5.156-4.348l.01-.381V33.234h5.484v18.72c0 5.81-4.243 9.424-10.063 9.651l-.587.012c-5.885-.003-10.317-3.428-10.597-9.089l-.014-.573V33.232zm27.037 0v27.825h-5.485V33.232z"/><path fill="url(#SVGrDNsucjF)" d="m17.726 55.637l54.621-18.239c-1.09-6.828-1.869-11.389-2.77-14.87c-.97-3.744-1.74-4.745-2.043-5.092a10.65 10.65 0 0 0-3.836-2.787c-.425-.182-1.617-.605-5.473-.373c-4.08.247-9.436 1.08-17.917 2.424c-8.479 1.343-13.832 2.207-17.786 3.232c-3.741.97-4.746 1.743-5.093 2.045a10.7 10.7 0 0 0-2.784 3.836c-.182.426-.604 1.618-.372 5.477c.246 4.08 1.08 9.438 2.423 17.92c.375 2.378.714 4.505 1.03 6.427"/><path fill="url(#SVGbljQqcUJ)" d="M2.666 51.431c-2.597-16.409-3.898-24.613-1.083-31.2a24.9 24.9 0 0 1 6.503-8.954c5.392-4.71 13.594-6.008 29.997-8.608c16.409-2.602 24.61-3.9 31.2-1.085a24.85 24.85 0 0 1 8.95 6.503c4.711 5.395 6.01 13.6 8.606 30.01c2.6 16.41 3.898 24.617 1.083 31.201a24.86 24.86 0 0 1-6.5 8.954c-5.392 4.713-13.597 6.01-30.003 8.61c-16.403 2.6-24.607 3.898-31.191 1.083a24.86 24.86 0 0 1-8.95-6.503c-4.711-5.395-6.01-13.6-8.61-30.01zm28.936 29.141c4.394-.266 10.052-1.153 18.427-2.48c8.378-1.326 14.027-2.232 18.292-3.337c4.127-1.072 6.03-2.116 7.258-3.19a16 16 0 0 0 4.178-5.756c.644-1.5 1.05-3.633.792-7.891c-.266-4.394-1.153-10.054-2.48-18.432s-2.23-14.034-3.335-18.295c-1.071-4.13-2.118-6.033-3.19-7.262a16 16 0 0 0-5.753-4.18c-1.5-.644-3.632-1.05-7.89-.792c-4.394.266-10.05 1.153-18.427 2.48c-8.375 1.328-14.028 2.232-18.29 3.337c-4.13 1.072-6.03 2.119-7.258 3.19a16 16 0 0 0-4.18 5.756c-.641 1.5-1.047 3.632-.79 7.891c.266 4.396 1.15 10.054 2.48 18.432c1.326 8.378 2.23 14.033 3.335 18.295c1.072 4.13 2.115 6.033 3.19 7.262a16 16 0 0 0 5.753 4.18c1.5.644 3.63 1.05 7.891.792z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 90"><defs><linearGradient id="SVGrDNsucjF" x1="35.871%" x2="60.314%" y1="7.202%" y2="116.022%"><stop offset="0%" stop-color="#66e3ff"/><stop offset="100%" stop-color="#7064f9"/></linearGradient><linearGradient id="SVGbljQqcUJ" x1="39.177%" x2="55.048%" y1="0%" y2="99.181%"><stop offset="0%" stop-color="#66e3ff"/><stop offset="100%" stop-color="#7064f9"/></linearGradient></defs><path fill="#111827" d="M138.845 29.13c-5.555 0-9.965 2.042-12.66 6.29V13.85h-8.82v57.187h8.82V49.145c0-8.333 4.573-11.764 10.37-11.764c5.555 0 9.15 3.266 9.15 9.475v24.182h8.818v-25.08c0-10.62-6.531-16.829-15.678-16.829m42.41 0c12.17 0 20.5 9.802 20.5 21.565c0 .92-.093 1.884-.208 2.792l-.12.885h-32.504c1.388 6.372 6.534 9.64 13.068 9.64c4.654 0 8.205-1.99 10.228-4.64l.307-.425l7.267 4.248c-3.755 5.555-9.883 8.904-17.886 8.904c-13.474 0-22.213-9.229-22.213-21.485c0-12.091 8.74-21.485 21.56-21.485m-.082 8.005c-6.394 0-10.807 3.663-12.2 9.44l-.134.606h24.011c-1.225-7.024-6.368-10.046-11.677-10.046m44.109-8.006c6.095 0 10.766 2.392 13.879 6.317l.414.545V30.19h8.82v40.848h-8.82v-5.881c-3.103 4.328-7.921 6.942-14.293 6.942c-11.106 0-20.335-9.396-20.335-21.485c0-12.172 9.226-21.485 20.335-21.485m1.388 8.415c-7.348 0-12.903 5.473-12.903 13.07c0 7.386 5.25 12.768 12.295 13.06l.608.014c7.35-.003 12.905-5.477 12.905-13.074s-5.554-13.07-12.905-13.07m71.125-23.693v57.187h-8.82v-5.881c-3.103 4.328-7.921 6.942-14.293 6.942c-11.106 0-20.335-9.396-20.335-21.485c0-12.172 9.229-21.485 20.335-21.485c6.095 0 10.768 2.392 13.879 6.317l.414.545V13.85zm-21.722 23.693c-7.351 0-12.906 5.473-12.906 13.07c0 7.386 5.25 12.768 12.297 13.06l.609.014c7.348-.003 12.902-5.477 12.902-13.074s-5.554-13.07-12.902-13.07m29.96 33.494h8.823V11.403h-8.823zM342.33 29.13c12.17 0 20.5 9.803 20.5 21.566c0 .92-.093 1.884-.208 2.792l-.12.885h-32.504c1.388 6.372 6.534 9.64 13.065 9.64c4.658 0 8.206-1.99 10.23-4.64l.306-.425l7.27 4.248c-3.759 5.555-9.884 8.904-17.887 8.904c-13.473 0-22.212-9.229-22.212-21.485c0-12.091 8.739-21.485 21.56-21.485m-.08 8.006c-6.395 0-10.808 3.663-12.202 9.44l-.134.606h24.012c-1.226-7.024-6.369-10.046-11.677-10.046m32.624 4.329c0-2.938 2.778-4.329 5.963-4.329c3.35 0 6.206 1.47 7.678 4.656l7.432-4.166c-2.86-5.392-8.414-8.496-15.11-8.496c-8.33 0-14.946 4.819-14.946 12.5c0 7.443 5.694 10.04 11.284 11.753l1.786.526l2.297.657l1.083.329c3.166 1 5.52 2.164 5.52 4.543c0 3.268-3.023 4.575-6.943 4.575c-4.491 0-7.757-2.205-9.064-5.882l-7.597 4.41c2.614 5.882 8.496 9.559 16.66 9.559c8.82 0 15.928-4.41 15.928-12.58c0-7.286-5.107-10.015-10.397-11.72l-1.177-.364l-3.992-1.132l-1.055-.32c-2.91-.918-5.096-2.001-5.33-4.132zm33.13 0c0-2.938 2.78-4.329 5.964-4.329c3.346 0 6.206 1.47 7.675 4.656l7.432-4.166c-2.857-5.392-8.411-8.496-15.107-8.496c-8.33 0-14.946 4.819-14.946 12.5c0 7.443 5.694 10.04 11.284 11.753l1.787.526l2.296.657l1.083.329c3.166 1 5.52 2.164 5.52 4.543c0 3.268-3.023 4.575-6.943 4.575c-4.491 0-7.76-2.205-9.066-5.882l-7.595 4.41c2.614 5.882 8.493 9.559 16.66 9.559c8.82 0 15.926-4.41 15.926-12.58c0-7.286-5.107-10.015-10.397-11.72l-1.176-.364l-3.991-1.132l-1.055-.32l-.995-.332c-2.402-.855-4.128-1.92-4.335-3.8zm86.964-27.259a17.033 17.033 0 0 1 17.015 16.244l.018.795v28.393a17.033 17.033 0 0 1-16.238 17.018l-.795.018h-28.385a17.033 17.033 0 0 1-17.012-16.24l-.018-.796V31.242a17.033 17.033 0 0 1 16.235-17.017l.795-.019zm0 5.678l-28.385.003c-6.27.001-11.354 5.084-11.355 11.355v28.396c.001 6.271 5.084 11.354 11.355 11.356h28.385c6.27-.002 11.354-5.085 11.355-11.356V31.245a11.36 11.36 0 0 0-11.355-11.361M470.11 33.232v18.286c0 2.703 1.433 4.729 5.169 4.729c3.558 0 5.024-1.838 5.156-4.348l.01-.381V33.234h5.484v18.72c0 5.81-4.243 9.424-10.063 9.651l-.587.012c-5.885-.003-10.317-3.428-10.597-9.089l-.014-.573V33.232zm27.037 0v27.825h-5.485V33.232z"/><path fill="url(#SVGrDNsucjF)" d="m17.726 55.637l54.621-18.239c-1.09-6.828-1.869-11.389-2.77-14.87c-.97-3.744-1.74-4.745-2.043-5.092a10.65 10.65 0 0 0-3.836-2.787c-.425-.182-1.617-.605-5.473-.373c-4.08.247-9.436 1.08-17.917 2.424c-8.479 1.343-13.832 2.207-17.786 3.232c-3.741.97-4.746 1.743-5.093 2.045a10.7 10.7 0 0 0-2.784 3.836c-.182.426-.604 1.618-.372 5.477c.246 4.08 1.08 9.438 2.423 17.92c.375 2.378.714 4.505 1.03 6.427"/><path fill="url(#SVGbljQqcUJ)" d="M2.666 51.431c-2.597-16.409-3.898-24.613-1.083-31.2a24.9 24.9 0 0 1 6.503-8.954c5.392-4.71 13.594-6.008 29.997-8.608c16.409-2.602 24.61-3.9 31.2-1.085a24.85 24.85 0 0 1 8.95 6.503c4.711 5.395 6.01 13.6 8.606 30.01c2.6 16.41 3.898 24.617 1.083 31.201a24.86 24.86 0 0 1-6.5 8.954c-5.392 4.713-13.597 6.01-30.003 8.61c-16.403 2.6-24.607 3.898-31.191 1.083a24.86 24.86 0 0 1-8.95-6.503c-4.711-5.395-6.01-13.6-8.61-30.01zm28.936 29.141c4.394-.266 10.052-1.153 18.427-2.48c8.378-1.326 14.027-2.232 18.292-3.337c4.127-1.072 6.03-2.116 7.258-3.19a16 16 0 0 0 4.178-5.756c.644-1.5 1.05-3.633.792-7.891c-.266-4.394-1.153-10.054-2.48-18.432s-2.23-14.034-3.335-18.295c-1.071-4.13-2.118-6.033-3.19-7.262a16 16 0 0 0-5.753-4.18c-1.5-.644-3.632-1.05-7.89-.792c-4.394.266-10.05 1.153-18.427 2.48c-8.375 1.328-14.028 2.232-18.29 3.337c-4.13 1.072-6.03 2.119-7.258 3.19a16 16 0 0 0-4.18 5.756c-.641 1.5-1.047 3.632-.79 7.891c.266 4.396 1.15 10.054 2.48 18.432c1.326 8.378 2.23 14.033 3.335 18.295c1.072 4.13 2.115 6.033 3.19 7.262a16 16 0 0 0 5.753 4.18c1.5.644 3.63 1.05 7.891.792z"/></svg>
</template>

CSS

.icon-headlessui {
  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%2090%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGrDNsucjF%22%20x1%3D%2235.871%25%22%20x2%3D%2260.314%25%22%20y1%3D%227.202%25%22%20y2%3D%22116.022%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2366e3ff%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%237064f9%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGbljQqcUJ%22%20x1%3D%2239.177%25%22%20x2%3D%2255.048%25%22%20y1%3D%220%25%22%20y2%3D%2299.181%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2366e3ff%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%237064f9%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23111827%22%20d%3D%22M138.845%2029.13c-5.555%200-9.965%202.042-12.66%206.29V13.85h-8.82v57.187h8.82V49.145c0-8.333%204.573-11.764%2010.37-11.764c5.555%200%209.15%203.266%209.15%209.475v24.182h8.818v-25.08c0-10.62-6.531-16.829-15.678-16.829m42.41%200c12.17%200%2020.5%209.802%2020.5%2021.565c0%20.92-.093%201.884-.208%202.792l-.12.885h-32.504c1.388%206.372%206.534%209.64%2013.068%209.64c4.654%200%208.205-1.99%2010.228-4.64l.307-.425l7.267%204.248c-3.755%205.555-9.883%208.904-17.886%208.904c-13.474%200-22.213-9.229-22.213-21.485c0-12.091%208.74-21.485%2021.56-21.485m-.082%208.005c-6.394%200-10.807%203.663-12.2%209.44l-.134.606h24.011c-1.225-7.024-6.368-10.046-11.677-10.046m44.109-8.006c6.095%200%2010.766%202.392%2013.879%206.317l.414.545V30.19h8.82v40.848h-8.82v-5.881c-3.103%204.328-7.921%206.942-14.293%206.942c-11.106%200-20.335-9.396-20.335-21.485c0-12.172%209.226-21.485%2020.335-21.485m1.388%208.415c-7.348%200-12.903%205.473-12.903%2013.07c0%207.386%205.25%2012.768%2012.295%2013.06l.608.014c7.35-.003%2012.905-5.477%2012.905-13.074s-5.554-13.07-12.905-13.07m71.125-23.693v57.187h-8.82v-5.881c-3.103%204.328-7.921%206.942-14.293%206.942c-11.106%200-20.335-9.396-20.335-21.485c0-12.172%209.229-21.485%2020.335-21.485c6.095%200%2010.768%202.392%2013.879%206.317l.414.545V13.85zm-21.722%2023.693c-7.351%200-12.906%205.473-12.906%2013.07c0%207.386%205.25%2012.768%2012.297%2013.06l.609.014c7.348-.003%2012.902-5.477%2012.902-13.074s-5.554-13.07-12.902-13.07m29.96%2033.494h8.823V11.403h-8.823zM342.33%2029.13c12.17%200%2020.5%209.803%2020.5%2021.566c0%20.92-.093%201.884-.208%202.792l-.12.885h-32.504c1.388%206.372%206.534%209.64%2013.065%209.64c4.658%200%208.206-1.99%2010.23-4.64l.306-.425l7.27%204.248c-3.759%205.555-9.884%208.904-17.887%208.904c-13.473%200-22.212-9.229-22.212-21.485c0-12.091%208.739-21.485%2021.56-21.485m-.08%208.006c-6.395%200-10.808%203.663-12.202%209.44l-.134.606h24.012c-1.226-7.024-6.369-10.046-11.677-10.046m32.624%204.329c0-2.938%202.778-4.329%205.963-4.329c3.35%200%206.206%201.47%207.678%204.656l7.432-4.166c-2.86-5.392-8.414-8.496-15.11-8.496c-8.33%200-14.946%204.819-14.946%2012.5c0%207.443%205.694%2010.04%2011.284%2011.753l1.786.526l2.297.657l1.083.329c3.166%201%205.52%202.164%205.52%204.543c0%203.268-3.023%204.575-6.943%204.575c-4.491%200-7.757-2.205-9.064-5.882l-7.597%204.41c2.614%205.882%208.496%209.559%2016.66%209.559c8.82%200%2015.928-4.41%2015.928-12.58c0-7.286-5.107-10.015-10.397-11.72l-1.177-.364l-3.992-1.132l-1.055-.32c-2.91-.918-5.096-2.001-5.33-4.132zm33.13%200c0-2.938%202.78-4.329%205.964-4.329c3.346%200%206.206%201.47%207.675%204.656l7.432-4.166c-2.857-5.392-8.411-8.496-15.107-8.496c-8.33%200-14.946%204.819-14.946%2012.5c0%207.443%205.694%2010.04%2011.284%2011.753l1.787.526l2.296.657l1.083.329c3.166%201%205.52%202.164%205.52%204.543c0%203.268-3.023%204.575-6.943%204.575c-4.491%200-7.76-2.205-9.066-5.882l-7.595%204.41c2.614%205.882%208.493%209.559%2016.66%209.559c8.82%200%2015.926-4.41%2015.926-12.58c0-7.286-5.107-10.015-10.397-11.72l-1.176-.364l-3.991-1.132l-1.055-.32l-.995-.332c-2.402-.855-4.128-1.92-4.335-3.8zm86.964-27.259a17.033%2017.033%200%200%201%2017.015%2016.244l.018.795v28.393a17.033%2017.033%200%200%201-16.238%2017.018l-.795.018h-28.385a17.033%2017.033%200%200%201-17.012-16.24l-.018-.796V31.242a17.033%2017.033%200%200%201%2016.235-17.017l.795-.019zm0%205.678l-28.385.003c-6.27.001-11.354%205.084-11.355%2011.355v28.396c.001%206.271%205.084%2011.354%2011.355%2011.356h28.385c6.27-.002%2011.354-5.085%2011.355-11.356V31.245a11.36%2011.36%200%200%200-11.355-11.361M470.11%2033.232v18.286c0%202.703%201.433%204.729%205.169%204.729c3.558%200%205.024-1.838%205.156-4.348l.01-.381V33.234h5.484v18.72c0%205.81-4.243%209.424-10.063%209.651l-.587.012c-5.885-.003-10.317-3.428-10.597-9.089l-.014-.573V33.232zm27.037%200v27.825h-5.485V33.232z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGrDNsucjF)%22%20d%3D%22m17.726%2055.637l54.621-18.239c-1.09-6.828-1.869-11.389-2.77-14.87c-.97-3.744-1.74-4.745-2.043-5.092a10.65%2010.65%200%200%200-3.836-2.787c-.425-.182-1.617-.605-5.473-.373c-4.08.247-9.436%201.08-17.917%202.424c-8.479%201.343-13.832%202.207-17.786%203.232c-3.741.97-4.746%201.743-5.093%202.045a10.7%2010.7%200%200%200-2.784%203.836c-.182.426-.604%201.618-.372%205.477c.246%204.08%201.08%209.438%202.423%2017.92c.375%202.378.714%204.505%201.03%206.427%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGbljQqcUJ)%22%20d%3D%22M2.666%2051.431c-2.597-16.409-3.898-24.613-1.083-31.2a24.9%2024.9%200%200%201%206.503-8.954c5.392-4.71%2013.594-6.008%2029.997-8.608c16.409-2.602%2024.61-3.9%2031.2-1.085a24.85%2024.85%200%200%201%208.95%206.503c4.711%205.395%206.01%2013.6%208.606%2030.01c2.6%2016.41%203.898%2024.617%201.083%2031.201a24.86%2024.86%200%200%201-6.5%208.954c-5.392%204.713-13.597%206.01-30.003%208.61c-16.403%202.6-24.607%203.898-31.191%201.083a24.86%2024.86%200%200%201-8.95-6.503c-4.711-5.395-6.01-13.6-8.61-30.01zm28.936%2029.141c4.394-.266%2010.052-1.153%2018.427-2.48c8.378-1.326%2014.027-2.232%2018.292-3.337c4.127-1.072%206.03-2.116%207.258-3.19a16%2016%200%200%200%204.178-5.756c.644-1.5%201.05-3.633.792-7.891c-.266-4.394-1.153-10.054-2.48-18.432s-2.23-14.034-3.335-18.295c-1.071-4.13-2.118-6.033-3.19-7.262a16%2016%200%200%200-5.753-4.18c-1.5-.644-3.632-1.05-7.89-.792c-4.394.266-10.05%201.153-18.427%202.48c-8.375%201.328-14.028%202.232-18.29%203.337c-4.13%201.072-6.03%202.119-7.258%203.19a16%2016%200%200%200-4.18%205.756c-.641%201.5-1.047%203.632-.79%207.891c.266%204.396%201.15%2010.054%202.48%2018.432c1.326%208.378%202.23%2014.033%203.335%2018.295c1.072%204.13%202.115%206.033%203.19%207.262a16%2016%200%200%200%205.753%204.18c1.5.644%203.63%201.05%207.891.792z%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%2090%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGrDNsucjF%22%20x1%3D%2235.871%25%22%20x2%3D%2260.314%25%22%20y1%3D%227.202%25%22%20y2%3D%22116.022%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2366e3ff%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%237064f9%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGbljQqcUJ%22%20x1%3D%2239.177%25%22%20x2%3D%2255.048%25%22%20y1%3D%220%25%22%20y2%3D%2299.181%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2366e3ff%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%237064f9%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23111827%22%20d%3D%22M138.845%2029.13c-5.555%200-9.965%202.042-12.66%206.29V13.85h-8.82v57.187h8.82V49.145c0-8.333%204.573-11.764%2010.37-11.764c5.555%200%209.15%203.266%209.15%209.475v24.182h8.818v-25.08c0-10.62-6.531-16.829-15.678-16.829m42.41%200c12.17%200%2020.5%209.802%2020.5%2021.565c0%20.92-.093%201.884-.208%202.792l-.12.885h-32.504c1.388%206.372%206.534%209.64%2013.068%209.64c4.654%200%208.205-1.99%2010.228-4.64l.307-.425l7.267%204.248c-3.755%205.555-9.883%208.904-17.886%208.904c-13.474%200-22.213-9.229-22.213-21.485c0-12.091%208.74-21.485%2021.56-21.485m-.082%208.005c-6.394%200-10.807%203.663-12.2%209.44l-.134.606h24.011c-1.225-7.024-6.368-10.046-11.677-10.046m44.109-8.006c6.095%200%2010.766%202.392%2013.879%206.317l.414.545V30.19h8.82v40.848h-8.82v-5.881c-3.103%204.328-7.921%206.942-14.293%206.942c-11.106%200-20.335-9.396-20.335-21.485c0-12.172%209.226-21.485%2020.335-21.485m1.388%208.415c-7.348%200-12.903%205.473-12.903%2013.07c0%207.386%205.25%2012.768%2012.295%2013.06l.608.014c7.35-.003%2012.905-5.477%2012.905-13.074s-5.554-13.07-12.905-13.07m71.125-23.693v57.187h-8.82v-5.881c-3.103%204.328-7.921%206.942-14.293%206.942c-11.106%200-20.335-9.396-20.335-21.485c0-12.172%209.229-21.485%2020.335-21.485c6.095%200%2010.768%202.392%2013.879%206.317l.414.545V13.85zm-21.722%2023.693c-7.351%200-12.906%205.473-12.906%2013.07c0%207.386%205.25%2012.768%2012.297%2013.06l.609.014c7.348-.003%2012.902-5.477%2012.902-13.074s-5.554-13.07-12.902-13.07m29.96%2033.494h8.823V11.403h-8.823zM342.33%2029.13c12.17%200%2020.5%209.803%2020.5%2021.566c0%20.92-.093%201.884-.208%202.792l-.12.885h-32.504c1.388%206.372%206.534%209.64%2013.065%209.64c4.658%200%208.206-1.99%2010.23-4.64l.306-.425l7.27%204.248c-3.759%205.555-9.884%208.904-17.887%208.904c-13.473%200-22.212-9.229-22.212-21.485c0-12.091%208.739-21.485%2021.56-21.485m-.08%208.006c-6.395%200-10.808%203.663-12.202%209.44l-.134.606h24.012c-1.226-7.024-6.369-10.046-11.677-10.046m32.624%204.329c0-2.938%202.778-4.329%205.963-4.329c3.35%200%206.206%201.47%207.678%204.656l7.432-4.166c-2.86-5.392-8.414-8.496-15.11-8.496c-8.33%200-14.946%204.819-14.946%2012.5c0%207.443%205.694%2010.04%2011.284%2011.753l1.786.526l2.297.657l1.083.329c3.166%201%205.52%202.164%205.52%204.543c0%203.268-3.023%204.575-6.943%204.575c-4.491%200-7.757-2.205-9.064-5.882l-7.597%204.41c2.614%205.882%208.496%209.559%2016.66%209.559c8.82%200%2015.928-4.41%2015.928-12.58c0-7.286-5.107-10.015-10.397-11.72l-1.177-.364l-3.992-1.132l-1.055-.32c-2.91-.918-5.096-2.001-5.33-4.132zm33.13%200c0-2.938%202.78-4.329%205.964-4.329c3.346%200%206.206%201.47%207.675%204.656l7.432-4.166c-2.857-5.392-8.411-8.496-15.107-8.496c-8.33%200-14.946%204.819-14.946%2012.5c0%207.443%205.694%2010.04%2011.284%2011.753l1.787.526l2.296.657l1.083.329c3.166%201%205.52%202.164%205.52%204.543c0%203.268-3.023%204.575-6.943%204.575c-4.491%200-7.76-2.205-9.066-5.882l-7.595%204.41c2.614%205.882%208.493%209.559%2016.66%209.559c8.82%200%2015.926-4.41%2015.926-12.58c0-7.286-5.107-10.015-10.397-11.72l-1.176-.364l-3.991-1.132l-1.055-.32l-.995-.332c-2.402-.855-4.128-1.92-4.335-3.8zm86.964-27.259a17.033%2017.033%200%200%201%2017.015%2016.244l.018.795v28.393a17.033%2017.033%200%200%201-16.238%2017.018l-.795.018h-28.385a17.033%2017.033%200%200%201-17.012-16.24l-.018-.796V31.242a17.033%2017.033%200%200%201%2016.235-17.017l.795-.019zm0%205.678l-28.385.003c-6.27.001-11.354%205.084-11.355%2011.355v28.396c.001%206.271%205.084%2011.354%2011.355%2011.356h28.385c6.27-.002%2011.354-5.085%2011.355-11.356V31.245a11.36%2011.36%200%200%200-11.355-11.361M470.11%2033.232v18.286c0%202.703%201.433%204.729%205.169%204.729c3.558%200%205.024-1.838%205.156-4.348l.01-.381V33.234h5.484v18.72c0%205.81-4.243%209.424-10.063%209.651l-.587.012c-5.885-.003-10.317-3.428-10.597-9.089l-.014-.573V33.232zm27.037%200v27.825h-5.485V33.232z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGrDNsucjF)%22%20d%3D%22m17.726%2055.637l54.621-18.239c-1.09-6.828-1.869-11.389-2.77-14.87c-.97-3.744-1.74-4.745-2.043-5.092a10.65%2010.65%200%200%200-3.836-2.787c-.425-.182-1.617-.605-5.473-.373c-4.08.247-9.436%201.08-17.917%202.424c-8.479%201.343-13.832%202.207-17.786%203.232c-3.741.97-4.746%201.743-5.093%202.045a10.7%2010.7%200%200%200-2.784%203.836c-.182.426-.604%201.618-.372%205.477c.246%204.08%201.08%209.438%202.423%2017.92c.375%202.378.714%204.505%201.03%206.427%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGbljQqcUJ)%22%20d%3D%22M2.666%2051.431c-2.597-16.409-3.898-24.613-1.083-31.2a24.9%2024.9%200%200%201%206.503-8.954c5.392-4.71%2013.594-6.008%2029.997-8.608c16.409-2.602%2024.61-3.9%2031.2-1.085a24.85%2024.85%200%200%201%208.95%206.503c4.711%205.395%206.01%2013.6%208.606%2030.01c2.6%2016.41%203.898%2024.617%201.083%2031.201a24.86%2024.86%200%200%201-6.5%208.954c-5.392%204.713-13.597%206.01-30.003%208.61c-16.403%202.6-24.607%203.898-31.191%201.083a24.86%2024.86%200%200%201-8.95-6.503c-4.711-5.395-6.01-13.6-8.61-30.01zm28.936%2029.141c4.394-.266%2010.052-1.153%2018.427-2.48c8.378-1.326%2014.027-2.232%2018.292-3.337c4.127-1.072%206.03-2.116%207.258-3.19a16%2016%200%200%200%204.178-5.756c.644-1.5%201.05-3.633.792-7.891c-.266-4.394-1.153-10.054-2.48-18.432s-2.23-14.034-3.335-18.295c-1.071-4.13-2.118-6.033-3.19-7.262a16%2016%200%200%200-5.753-4.18c-1.5-.644-3.632-1.05-7.89-.792c-4.394.266-10.05%201.153-18.427%202.48c-8.375%201.328-14.028%202.232-18.29%203.337c-4.13%201.072-6.03%202.119-7.258%203.19a16%2016%200%200%200-4.18%205.756c-.641%201.5-1.047%203.632-.79%207.891c.266%204.396%201.15%2010.054%202.48%2018.432c1.326%208.378%202.23%2014.033%203.335%2018.295c1.072%204.13%202.115%206.033%203.19%207.262a16%2016%200%200%200%205.753%204.18c1.5.644%203.63%201.05%207.891.792z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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