Hal icon
academicons:hal
The Hal icon (academicons:hal) is a free SVG icon from the Academicons set by James Walsh. It is drawn on a 512 × 512 grid. Academicons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Academicons
- Author
- James Walsh
- License
- OFL-1.1
- Size
- 512 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M286.415 8c-.757 6.622-.946 13.433-.946 20.055c-.19 54.018 21.002 104.726 59.41 142.945c39.828 39.639 92.238 59.41 144.742 59.41c4.825 0 9.743-.19 14.567-.568c-1.986-18.069-5.674-35.76-11.256-52.41c-40.206.946-80.413-13.812-110.78-43.896c-28.381-28.191-43.895-65.652-43.706-105.29c0-2.744.189-5.488.189-7.948c-16.65-5.865-34.151-10.122-52.22-12.298m-66.6.379c-17.88 2.554-35.004 7-51.464 13.054c23.461 75.776 65.654 145.498 123.74 203.394c56.95 56.762 124.496 96.78 196.394 120.43c6.244-16.366 11.068-33.394 13.811-51.274c-63.194-21.19-122.604-56.762-172.743-106.712C278.28 136.186 241.006 75.168 219.815 8.38M394.26 47.827c-7.568 9.177-11.825 20.623-11.825 32.638c-.284 13.812 5.204 26.772 14.948 36.516s22.514 15.136 36.326 15.136h.19c11.825 0 22.894-3.877 32.07-11.256c-18.636-28.948-43.139-54.019-71.709-73.034M100.333 60.031C86.521 71.1 73.75 83.491 62.493 97.115L412.52 449.792c14.002-11.068 26.394-23.745 37.463-37.462zm-78.71 108.225A243.4 243.4 0 0 0 8.38 219.72c64.897 21.191 125.916 57.139 177.19 108.224c50.14 49.95 86.845 109.55 108.414 174.447c17.88-2.744 35.002-7.379 51.274-13.812c-23.935-73.979-65.275-141.808-122.225-198.38c-58.465-57.802-127.62-98.387-201.409-121.943m8.091 116.648a207 207 0 0 0-21.902.753c2.175 18.07 6.243 35.57 12.013 52.22c40.774-1.514 82.21 13.056 113.24 43.896c28.38 28.191 43.895 65.655 43.706 105.293c0 1.703 0 3.688-.189 5.486A239.4 239.4 0 0 0 228.992 504c.379-5.487.756-11.07.756-16.746c.095-53.828-20.906-104.724-59.315-142.943c-38.74-38.574-89.576-58.46-140.719-59.407m51.508 98.288c-12.203 0-23.745 4.258-33.016 12.015c19.204 28.57 44.275 52.882 73.413 71.33c7.19-8.894 11.067-20.057 11.067-31.693c0-13.812-5.203-26.866-14.947-36.516c-9.744-9.744-22.514-15.136-36.326-15.136z"/></svg>How to use the Hal icon
React
import { Icon } from "@iconify/react";
<Icon icon="academicons:hal" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="academicons:hal" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="academicons:hal" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[academicons--hal]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/academicons -->
<div class="i-academicons:hal"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="academicons:hal"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/academicons/hal.svg" alt="Hal icon" width="24" height="24">Related icons in Academicons
Hal icon in other icon sets
Hal icon FAQ
Is the Hal icon free for commercial use?
Yes. Academicons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Hal icon in React?
Install @iconify/react and render <Icon icon="academicons:hal" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Hal icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/academicons/hal.svg" alt="Hal icon">, or paste the SVG code inline to style it with CSS.