Haml icon

file-icons:haml

The Haml icon (file-icons:haml) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 396 × 512 grid. File Icons are released under the ISC 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: File Icons
Author: John Gardner
License: ISC
Size: 396 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="396" height="512" viewBox="0 0 396 512"><path fill="currentColor" d="m152.297 504.437l33.961-195.911s12.605 11.911 29.23 20.608c17.84 9.33 33.47 13.469 44.182 16.196c6.822 1.736 13.45 3.582 19.966 5.454c-3.054 6.87-3.66 11.842-3.278 19.858c0 .764.572 1.527 1.336 1.91c0 0 43.635 24.114 73.1-.383c6.272-5.214 12.215-13.742 15.27-21.758l1.144-11.07c12.855-6.985 20.126-15.113 23.286-20.995s8.762-18.314-.581-35.562c-10.818-19.971-26.904-31.24-36.828-36.966c-11.105-7.53-19.871-11.583-30.03-14.325c-6.995-1.889-11.807-3.941-15.135-5.79c-14.104-7.836-12.346-23.012-10.186-30.654c2.16-7.643 5.887-15.623 5.344-25.194l37.41-31.302c1.526.764 3.053 1.909 4.198 2.672c0 0 11.834 1.145 18.323-16.796l-3.435-2.29s21.324-20.608 25.583-26.679c0 0 2.826-3.419.756-5.768c-1.407-1.597-5.038-7-27.71-22.051s-33.085-16.335-35.657-14.976c0 0-22.705 12.109-32.065 20.613l-3.817-2.672s-16.032 1.527-10.688 11.834l1.527 1.526l-116.808 100.776l-64.13-138.566h4.58s1.527-12.597-7.634-14.888c0 0-1.527 0-3.817.382c-3.436-6.871-11.452-26.34-11.452-26.34c-.382-1.908-1.108-3.296-4.199-4.198S68.423-.69 56.483.75C38.032 2.977 25.086 7.01 18.107 9.332c-6.398 2.129-14.533 6.921-14.533 6.921c-2.667 1.608-1.676 3.965-1.676 3.965L9.53 38.541S.751 40.068.37 40.831c-1.91 3.436 3.817 21.377 11.452 25.959l8.398-2.29l78.173 174.738c-1.145 3.817-60.996 237.143-60.996 237.143c-.163.647.382 1.527.382 1.527c7.58 11.326 61.177 46.206 112.236 29.762c1.907-.614 2.282-3.232 2.282-3.232m129.869-166.845c-2.551-.973-5.062-1.904-7.573-2.838a692 692 0 0 1-10.036-3.787c-9.277-3.71-18.9-7.56-27.542-12.067l-.149-.073c-9.561-4.383-17.966-9.273-24.978-14.533c-6.15-4.613-16.72-18.102-19.7-21.977c.577-4.474 2.312-18.84 2.007-27.626c25.828-18.22 52.506-38.198 81.268-60.865c-.886 5.03-1.234 11.686.22 19.65c2.456 13.45 10.371 23.659 22.893 29.527c.962.503 7.531 3.738 24.12 7.615c10.06 2.352 20.947 8.977 21.055 9.043c9.037 5.108 17.11 11.127 23.45 17.466c7.022 7.023 11.41 15.193 12.04 22.413c.077.678 1.353 12.895-9.578 23.386c-.686-5.788-2.489-13.524-7.214-16.494l-.448-.281l-.514-.125a4.2 4.2 0 0 0-.994-.123c-1.553 0-2.906.92-3.531 2.397c-.305.802-6.382 16.526-22.396 17.49q-.616.035-1.271.035c-11.506.001-31.902-7.764-32.107-7.841a6.5 6.5 0 0 0-2.144-.367c-1.81 0-3.585.698-4.754 1.867l-.127.127l-.112.14c-2.626 3.282-8.844 12.754-11.885 17.841"/></svg>

How to use the Haml icon

React

import { Icon } from "@iconify/react";

<Icon icon="file-icons:haml" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="file-icons:haml" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="file-icons:haml" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--haml]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:haml"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="file-icons:haml"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/haml.svg" alt="Haml icon" width="24" height="24">

Haml icon in other icon sets

Haml icon FAQ

Is the Haml icon free for commercial use?

Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.

How do I use the Haml icon in React?

Install @iconify/react and render <Icon icon="file-icons:haml" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Haml icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/haml.svg" alt="Haml icon">, or paste the SVG code inline to style it with CSS.

Browse all File Icons →