hal logo

hal from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
hal
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the hal logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.794 5.327c.48.485 1.118.75 1.797.755h.009a2.5 2.5 0 0 0 1.58-.553a12.1 12.1 0 0 0-3.548-3.615a2.555 2.555 0 0 0 .162 3.413m-.647.71A7.06 7.06 0 0 1 16.058.624a12 12 0 0 0-2.64-.62a9.69 9.69 0 0 0 2.834 7.933a9.92 9.92 0 0 0 7.002 2.893h.036q.358 0 .71-.027c-.09-.92-.283-1.81-.566-2.66a7.27 7.27 0 0 1-5.287-2.106m4.6 7.322a21.6 21.6 0 0 1-7.142-4.717a21.2 21.2 0 0 1-5.283-8.61a12.3 12.3 0 0 0-2.605.66a23.9 23.9 0 0 0 5.992 9.85a24.2 24.2 0 0 0 8.027 5.3q.737.299 1.487.549q.486-1.242.696-2.597c-.39-.13-.786-.278-1.172-.435m-1.316 6.145L4.54 2.493a12 12 0 0 0-1.913 1.882l16.907 17.029c.7-.562 1.334-1.2 1.896-1.9zm-10.974-5.885a24.2 24.2 0 0 0-8.027-5.3q-.855-.344-1.725-.624a12 12 0 0 0-.67 2.6a21.56 21.56 0 0 1 8.53 5.224a21.24 21.24 0 0 1 5.216 8.405c.903-.135 1.77-.369 2.596-.692c-.18-.553-.377-1.1-.602-1.644a23.8 23.8 0 0 0-5.318-7.969m-2.542 2.606A9.91 9.91 0 0 0 0 13.372c.103.921.314 1.806.61 2.65q.135-.005.27-.004c1.865 0 3.729.705 5.144 2.111a7.06 7.06 0 0 1 2.097 5.044c0 .081-.004.167-.004.248c.844.287 1.734.48 2.65.575q.034-.404.036-.814a9.7 9.7 0 0 0-2.888-6.957m-2.538 2.61a2.55 2.55 0 0 0-3.437-.162a12.1 12.1 0 0 0 3.63 3.535c.35-.445.543-.993.548-1.568a2.52 2.52 0 0 0-.741-1.806z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsHal(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="M18.794 5.327c.48.485 1.118.75 1.797.755h.009a2.5 2.5 0 0 0 1.58-.553a12.1 12.1 0 0 0-3.548-3.615a2.555 2.555 0 0 0 .162 3.413m-.647.71A7.06 7.06 0 0 1 16.058.624a12 12 0 0 0-2.64-.62a9.69 9.69 0 0 0 2.834 7.933a9.92 9.92 0 0 0 7.002 2.893h.036q.358 0 .71-.027c-.09-.92-.283-1.81-.566-2.66a7.27 7.27 0 0 1-5.287-2.106m4.6 7.322a21.6 21.6 0 0 1-7.142-4.717a21.2 21.2 0 0 1-5.283-8.61a12.3 12.3 0 0 0-2.605.66a23.9 23.9 0 0 0 5.992 9.85a24.2 24.2 0 0 0 8.027 5.3q.737.299 1.487.549q.486-1.242.696-2.597c-.39-.13-.786-.278-1.172-.435m-1.316 6.145L4.54 2.493a12 12 0 0 0-1.913 1.882l16.907 17.029c.7-.562 1.334-1.2 1.896-1.9zm-10.974-5.885a24.2 24.2 0 0 0-8.027-5.3q-.855-.344-1.725-.624a12 12 0 0 0-.67 2.6a21.56 21.56 0 0 1 8.53 5.224a21.24 21.24 0 0 1 5.216 8.405c.903-.135 1.77-.369 2.596-.692c-.18-.553-.377-1.1-.602-1.644a23.8 23.8 0 0 0-5.318-7.969m-2.542 2.606A9.91 9.91 0 0 0 0 13.372c.103.921.314 1.806.61 2.65q.135-.005.27-.004c1.865 0 3.729.705 5.144 2.111a7.06 7.06 0 0 1 2.097 5.044c0 .081-.004.167-.004.248c.844.287 1.734.48 2.65.575q.034-.404.036-.814a9.7 9.7 0 0 0-2.888-6.957m-2.538 2.61a2.55 2.55 0 0 0-3.437-.162a12.1 12.1 0 0 0 3.63 3.535c.35-.445.543-.993.548-1.568a2.52 2.52 0 0 0-.741-1.806z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.794 5.327c.48.485 1.118.75 1.797.755h.009a2.5 2.5 0 0 0 1.58-.553a12.1 12.1 0 0 0-3.548-3.615a2.555 2.555 0 0 0 .162 3.413m-.647.71A7.06 7.06 0 0 1 16.058.624a12 12 0 0 0-2.64-.62a9.69 9.69 0 0 0 2.834 7.933a9.92 9.92 0 0 0 7.002 2.893h.036q.358 0 .71-.027c-.09-.92-.283-1.81-.566-2.66a7.27 7.27 0 0 1-5.287-2.106m4.6 7.322a21.6 21.6 0 0 1-7.142-4.717a21.2 21.2 0 0 1-5.283-8.61a12.3 12.3 0 0 0-2.605.66a23.9 23.9 0 0 0 5.992 9.85a24.2 24.2 0 0 0 8.027 5.3q.737.299 1.487.549q.486-1.242.696-2.597c-.39-.13-.786-.278-1.172-.435m-1.316 6.145L4.54 2.493a12 12 0 0 0-1.913 1.882l16.907 17.029c.7-.562 1.334-1.2 1.896-1.9zm-10.974-5.885a24.2 24.2 0 0 0-8.027-5.3q-.855-.344-1.725-.624a12 12 0 0 0-.67 2.6a21.56 21.56 0 0 1 8.53 5.224a21.24 21.24 0 0 1 5.216 8.405c.903-.135 1.77-.369 2.596-.692c-.18-.553-.377-1.1-.602-1.644a23.8 23.8 0 0 0-5.318-7.969m-2.542 2.606A9.91 9.91 0 0 0 0 13.372c.103.921.314 1.806.61 2.65q.135-.005.27-.004c1.865 0 3.729.705 5.144 2.111a7.06 7.06 0 0 1 2.097 5.044c0 .081-.004.167-.004.248c.844.287 1.734.48 2.65.575q.034-.404.036-.814a9.7 9.7 0 0 0-2.888-6.957m-2.538 2.61a2.55 2.55 0 0 0-3.437-.162a12.1 12.1 0 0 0 3.63 3.535c.35-.445.543-.993.548-1.568a2.52 2.52 0 0 0-.741-1.806z"/></svg>
</template>

CSS

.icon-hal {
  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%22M18.794%205.327c.48.485%201.118.75%201.797.755h.009a2.5%202.5%200%200%200%201.58-.553a12.1%2012.1%200%200%200-3.548-3.615a2.555%202.555%200%200%200%20.162%203.413m-.647.71A7.06%207.06%200%200%201%2016.058.624a12%2012%200%200%200-2.64-.62a9.69%209.69%200%200%200%202.834%207.933a9.92%209.92%200%200%200%207.002%202.893h.036q.358%200%20.71-.027c-.09-.92-.283-1.81-.566-2.66a7.27%207.27%200%200%201-5.287-2.106m4.6%207.322a21.6%2021.6%200%200%201-7.142-4.717a21.2%2021.2%200%200%201-5.283-8.61a12.3%2012.3%200%200%200-2.605.66a23.9%2023.9%200%200%200%205.992%209.85a24.2%2024.2%200%200%200%208.027%205.3q.737.299%201.487.549q.486-1.242.696-2.597c-.39-.13-.786-.278-1.172-.435m-1.316%206.145L4.54%202.493a12%2012%200%200%200-1.913%201.882l16.907%2017.029c.7-.562%201.334-1.2%201.896-1.9zm-10.974-5.885a24.2%2024.2%200%200%200-8.027-5.3q-.855-.344-1.725-.624a12%2012%200%200%200-.67%202.6a21.56%2021.56%200%200%201%208.53%205.224a21.24%2021.24%200%200%201%205.216%208.405c.903-.135%201.77-.369%202.596-.692c-.18-.553-.377-1.1-.602-1.644a23.8%2023.8%200%200%200-5.318-7.969m-2.542%202.606A9.91%209.91%200%200%200%200%2013.372c.103.921.314%201.806.61%202.65q.135-.005.27-.004c1.865%200%203.729.705%205.144%202.111a7.06%207.06%200%200%201%202.097%205.044c0%20.081-.004.167-.004.248c.844.287%201.734.48%202.65.575q.034-.404.036-.814a9.7%209.7%200%200%200-2.888-6.957m-2.538%202.61a2.55%202.55%200%200%200-3.437-.162a12.1%2012.1%200%200%200%203.63%203.535c.35-.445.543-.993.548-1.568a2.52%202.52%200%200%200-.741-1.806z%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%22M18.794%205.327c.48.485%201.118.75%201.797.755h.009a2.5%202.5%200%200%200%201.58-.553a12.1%2012.1%200%200%200-3.548-3.615a2.555%202.555%200%200%200%20.162%203.413m-.647.71A7.06%207.06%200%200%201%2016.058.624a12%2012%200%200%200-2.64-.62a9.69%209.69%200%200%200%202.834%207.933a9.92%209.92%200%200%200%207.002%202.893h.036q.358%200%20.71-.027c-.09-.92-.283-1.81-.566-2.66a7.27%207.27%200%200%201-5.287-2.106m4.6%207.322a21.6%2021.6%200%200%201-7.142-4.717a21.2%2021.2%200%200%201-5.283-8.61a12.3%2012.3%200%200%200-2.605.66a23.9%2023.9%200%200%200%205.992%209.85a24.2%2024.2%200%200%200%208.027%205.3q.737.299%201.487.549q.486-1.242.696-2.597c-.39-.13-.786-.278-1.172-.435m-1.316%206.145L4.54%202.493a12%2012%200%200%200-1.913%201.882l16.907%2017.029c.7-.562%201.334-1.2%201.896-1.9zm-10.974-5.885a24.2%2024.2%200%200%200-8.027-5.3q-.855-.344-1.725-.624a12%2012%200%200%200-.67%202.6a21.56%2021.56%200%200%201%208.53%205.224a21.24%2021.24%200%200%201%205.216%208.405c.903-.135%201.77-.369%202.596-.692c-.18-.553-.377-1.1-.602-1.644a23.8%2023.8%200%200%200-5.318-7.969m-2.542%202.606A9.91%209.91%200%200%200%200%2013.372c.103.921.314%201.806.61%202.65q.135-.005.27-.004c1.865%200%203.729.705%205.144%202.111a7.06%207.06%200%200%201%202.097%205.044c0%20.081-.004.167-.004.248c.844.287%201.734.48%202.65.575q.034-.404.036-.814a9.7%209.7%200%200%200-2.888-6.957m-2.538%202.61a2.55%202.55%200%200%200-3.437-.162a12.1%2012.1%200%200%200%203.63%203.535c.35-.445.543-.993.548-1.568a2.52%202.52%200%200%200-.741-1.806z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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