Homebrew icon
file-icons:homebrew
The Homebrew icon (file-icons:homebrew) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 397 × 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
- 397 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="397" height="512" viewBox="0 0 397 512"><path fill="currentColor" fill-rule="evenodd" d="M311.878 473.262v-44.16h36.987c27.98 0 48.135-22.661 48.135-47.136V233.532c0-24.5-20.575-47.274-48.057-47.274h-37.065v-17.225c53.06-10.168 42.296-85.22-11.043-81.065c14.866-30.808-20.347-67.25-55.676-47.656c-12.215-52.037-86.884-55.804-101.108 1.076c-18.066-9.307-41.105-3.585-53.357 12.29C55.405 28.758 20.332 68.23 29.74 91.077c-40.94 11.281-39.015 68.056 2.093 79.336v307.609c0 45.495 280.045 46.666 280.045-4.76m-243-22.544a9.16 9.16 0 0 1-4.587-7.938V178.163l-20.325-5.18v306.67c57.171 28.499 216.78 26.99 255.785-4.989v-42.469c0-8.28 6.602-15.218 15.535-15.218h33.648c20.015 0 35.151-16.938 35.151-35.012V233.532c0-18.923-15.399-35.147-35.142-35.147h-33.971c-8.393 0-15.221-6.828-15.221-15.221v-10.805a280 280 0 0 1-19.67 6.399l-.026 260.375a9.13 9.13 0 0 1-4.183 7.672c-54.045 31.26-154.821 27.5-206.995 3.913m241.007-293.645c45.582-10.71 21.714-72.236-18.264-53.57c-4.817 3.01-11.57-2.666-8.088-8.547c8.142-14.073 12.654-24.226 4.193-36.165c-8.61-12.15-27.074-18.05-42.718-3.075c-4.5 4.417-10.536 1.28-10.702-3.97c-1.762-52.603-78.05-52.18-79.17 0c-.024 4.867-5.447 8.614-10.927 4.11c-16.53-13.281-39.272-5.392-46.345 9.232c-1.802 3.594-6.275 4.367-9.357 1.935c-31.283-26.372-57.195 12.31-44.58 23.908a6.045 6.045 0 0 1-3.747 10.711c-34.43 3.475-44.302 53.666 10.048 60.643c15.359 4.14 78.288 19.22 144.349 17.036c8.2.372 2.926 7.296 16.825 18.157c8.685 5.012 12.397 11.756 12.59 19.692c-.065 18.804 31.923 20.13 28.945-1.42a53.44 53.44 0 0 1 6.162-28.831c5.63-9.608 1.07-14.598 8.254-17.296c30.215-7.557 25.16-9.395 42.532-12.55M113.107 425.729V206.362c0-13.447-20.212-13.447-20.212 0v219.367c0 13.581 20.212 13.581 20.212 0m233.317-34.548h-29.163c-9.699 0-17.51-8.064-17.51-17.51V240.457c0-8.787 7.811-17.511 17.51-17.511h29.163c10.21 0 17.511 9.006 17.511 17.51V373.67c0 10.293-9.275 17.51-17.511 17.51m5.384-17.51V240.457c0-2.969-2.458-5.384-5.384-5.384h-29.163c-2.852.034-5.272 2.102-5.383 5.384V373.67c.032 2.726 2.126 5.384 5.383 5.384h29.163c2.877 0 5.38-2.342 5.384-5.384" clip-rule="evenodd"/></svg>How to use the Homebrew icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:homebrew" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:homebrew" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:homebrew" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--homebrew]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:homebrew"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:homebrew"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/homebrew.svg" alt="Homebrew icon" width="24" height="24">Homebrew icon in other icon sets
Homebrew icon FAQ
Is the Homebrew 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 Homebrew icon in React?
Install @iconify/react and render <Icon icon="file-icons:homebrew" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Homebrew icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/homebrew.svg" alt="Homebrew icon">, or paste the SVG code inline to style it with CSS.