Handlebars icon
logos:handlebars
The Handlebars icon (logos:handlebars) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 124 grid. SVG Logos icons are released under the CC0 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
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 512 × 124
- Tags
- handlebar
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="124" viewBox="0 0 512 124"><path fill="#423426" d="M188.432 0c17.799-.077 36.052 5.03 49.886 16.537c7.089 5.738 12.815 12.937 17.678 20.602c8.75-14.144 21.531-26.162 37.292-31.955c19.206-7.21 40.915-6.712 60.088.355c16.747 6.114 31.39 16.769 44.67 28.487c10.389 9.171 20.003 19.206 30.702 28.034c5.638 4.574 11.696 8.86 18.63 11.23c9.215 3.146 20.114.178 26.704-6.922c6.103-6.645 5.726-18.131-.997-24.2c-4.275-3.689-11.585-2.947-14.61 1.97c-2.646 3.9-1.162 8.762.91 12.539c-5.506-4.02-11.021-9.625-11-16.935c-1.14-8.451 5.129-15.906 12.638-18.863c14.654-5.86 33.029-.808 42.278 12.095c8.894 12.04 9.602 27.867 8.052 42.21c-1.872 13.624-9.492 26.34-20.79 34.226c-15.86 11.32-35.964 14.83-55.092 14.587c-18.386-.499-36.584-4.652-53.619-11.52c-28.487-11.452-55.147-27.28-84.565-36.428c-9.758-3.788-20.136-5.837-30.57-6.469c-8.307-.055-16.182-.443-24.024.089c-9.57.92-19.084 2.88-28.044 6.39c-29.916 9.305-56.975 25.531-86.005 37.006c-24.512 9.536-51.67 13.967-77.687 8.672c-14.554-2.946-29.042-9.381-38.866-20.845C3.684 91.145-.347 78.098.05 65.316c-.465-12.062 2.182-24.877 10.157-34.27c7.42-8.904 19.372-13.423 30.847-12.426c7.387.343 14.875 3.566 19.438 9.514c3.589 4.707 3.81 11.154 2.237 16.658c-1.916 4.951-5.87 8.817-10.167 11.785c2.193-3.7 3.522-8.584.93-12.45c-3.19-5.15-11.043-5.67-15.196-1.44c-5.117 5.262-6.192 13.857-2.758 20.303c3.721 6.757 11.42 10.611 18.873 11.397c11.276.975 21.056-6.014 29.33-12.792c17.123-14.743 32.54-31.611 51.536-44.083c15.662-10.5 34.114-17.6 53.154-17.511"/></svg>How to use the Handlebars icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:handlebars" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:handlebars" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:handlebars" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--handlebars]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:handlebars"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:handlebars"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/handlebars.svg" alt="Handlebars icon" width="24" height="24">Handlebars icon in other icon sets
Handlebars icon FAQ
Is the Handlebars icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Handlebars icon in React?
Install @iconify/react and render <Icon icon="logos:handlebars" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Handlebars icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/handlebars.svg" alt="Handlebars icon">, or paste the SVG code inline to style it with CSS.