Houdini icon
file-icons:houdini
The Houdini icon (file-icons:houdini) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 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
- 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="M82.774 512H0v-93.186C15.583 458.352 45.672 491.277 82.774 512M0 212.921v89.802c54.472-149.181 276.332-146.39 291.79 12.494c5.38 144.557-188.109 152.743-189.234 44.25c1.943-27.09 22.737-45.423 49.456-44.51c-21.633 24.236.344 61.98 32.277 54.401c24.837-4.802 42.627-26.765 42.167-52.059c-12.635-95.664-177.007-64.13-175.178 45.031c-1.822 70.28 64.033 116.613 130.148 117.394c102.035 1.821 160.601-62.992 160.601-158.52C337.694 152.454 126.007 87.682 0 212.92m407.622 108.283c3.84 78.706-37.464 152.732-106.46 190.796H512V0H0v147.327C150.751 31.03 405.82 95.495 407.622 321.204"/></svg>How to use the Houdini icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:houdini" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:houdini" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:houdini" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--houdini]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:houdini"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:houdini"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/houdini.svg" alt="Houdini icon" width="24" height="24">Houdini icon in other icon sets
Houdini icon FAQ
Is the Houdini 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 Houdini icon in React?
Install @iconify/react and render <Icon icon="file-icons:houdini" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Houdini icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/houdini.svg" alt="Houdini icon">, or paste the SVG code inline to style it with CSS.