Garage Bold icon
glyphs:garage-bold
The Garage Bold icon (glyphs:garage-bold) is a free SVG icon from the Glyphs set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs icons are released under the MIT 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
- Glyphs
- Author
- Goran Spasojevic
- License
- MIT
- Size
- 80 × 80
- Tags
- garagebold
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-rule="evenodd" d="M68 34L40 16L12 34v30h10V40h36v24h10zM44.082 23.966l-.555-.404a6 6 0 0 0-7.054 0l-.555.404a6 6 0 0 0-2.18 6.708l.213.652a6 6 0 0 0 5.706 4.146h.686a6 6 0 0 0 5.706-4.146l.212-.652a6 6 0 0 0-2.18-6.708" clip-rule="evenodd"/><path fill="currentColor" d="m40 16l1.081-1.682a2 2 0 0 0-2.163 0zm28 18h2a2 2 0 0 0-.918-1.682zm-56 0l-1.082-1.682A2 2 0 0 0 10 34zm0 30h-2a2 2 0 0 0 2 2zm10 0v2a2 2 0 0 0 2-2zm0-24v-2a2 2 0 0 0-2 2zm36 0h2a2 2 0 0 0-2-2zm0 24h-2a2 2 0 0 0 2 2zm10 0v2a2 2 0 0 0 2-2zM43.527 23.562l1.175-1.618zm.555.404l-1.176 1.618zm-7.609-.404l1.176 1.618zm-.555.404l-1.175-1.619zm-2.18 6.708l-1.901.618zm.213.652l1.902-.618zm12.098 0l-1.902-.618zm.212-.652l1.902.618zm-7.343-12.992l28 18l2.163-3.364l-28-18zm-25.836 18l28-18l-2.163-3.364l-28 18zM14 64V34h-4v30zm8-2H12v4h10zm-2-22v24h4V40zm38-2H22v4h36zm2 26V40h-4v24zm8-2H58v4h10zm-2-28v30h4V34zm-23.649-8.82l.555.404l2.351-3.236l-.555-.404zm-4.702 0a4 4 0 0 1 4.702 0l2.351-3.236a8 8 0 0 0-9.404 0zm-.555.404l.555-.404l-2.351-3.236l-.555.404zm-1.453 4.472a4 4 0 0 1 1.453-4.472l-2.351-3.236a8 8 0 0 0-2.907 8.944zm.212.652l-.212-.652l-3.804 1.236l.211.652zm3.804 2.764a4 4 0 0 1-3.804-2.764l-3.805 1.236a8 8 0 0 0 7.609 5.528zm.686 0h-.686v4h.686zm3.804-2.764a4 4 0 0 1-3.804 2.764v4a8 8 0 0 0 7.608-5.528zm.212-.652l-.212.652l3.805 1.236l.212-.652zm-1.453-4.472a4 4 0 0 1 1.453 4.472l3.804 1.236a8 8 0 0 0-2.906-8.945z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M71 64H9"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M22 40h36v8H22zm0 8h36v8H22zm0 8h36v8H22z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M72.179 36.686L40 16L7.821 36.686"/></g></svg>How to use the Garage Bold icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:garage-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:garage-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:garage-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--garage-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:garage-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:garage-bold"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/glyphs/garage-bold.svg" alt="Garage Bold icon" width="24" height="24">Related icons in Glyphs
Garage Bold icon in other icon sets
Garage Bold icon FAQ
Is the Garage Bold icon free for commercial use?
Yes. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Garage Bold icon in React?
Install @iconify/react and render <Icon icon="glyphs:garage-bold" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Garage Bold icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs/garage-bold.svg" alt="Garage Bold icon">, or paste the SVG code inline to style it with CSS.