Barbell Bold icon
ph:barbell-bold
The Barbell Bold icon (ph:barbell-bold) is a free SVG icon from the Phosphor set by Phosphor Icons. It is drawn on a 256 × 256 grid. Phosphor 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
- Phosphor
- Author
- Phosphor Icons
- License
- MIT
- Size
- 256 × 256
- Tags
- gym, weights, dumbbells, strength training, workout, exercises, fitness, barbellbold
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M244 116V88a20 20 0 0 0-20-20h-16v-4a20 20 0 0 0-20-20h-24a20 20 0 0 0-20 20v52h-32V64a20 20 0 0 0-20-20H68a20 20 0 0 0-20 20v4H32a20 20 0 0 0-20 20v28a12 12 0 0 0 0 24v28a20 20 0 0 0 20 20h16v4a20 20 0 0 0 20 20h24a20 20 0 0 0 20-20v-52h32v52a20 20 0 0 0 20 20h24a20 20 0 0 0 20-20v-4h16a20 20 0 0 0 20-20v-28a12 12 0 0 0 0-24M36 164V92h12v72Zm52 24H72V68h16Zm96 0h-16V68h16Zm36-24h-12V92h12Z"/></svg>How to use the Barbell Bold icon
React
import { Icon } from "@iconify/react";
<Icon icon="ph:barbell-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:barbell-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:barbell-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--barbell-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:barbell-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:barbell-bold"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ph/barbell-bold.svg" alt="Barbell Bold icon" width="24" height="24">Related icons in Phosphor
Barbell Bold icon FAQ
Is the Barbell Bold icon free for commercial use?
Yes. Phosphor icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Barbell Bold icon in React?
Install @iconify/react and render <Icon icon="ph:barbell-bold" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Barbell Bold icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ph/barbell-bold.svg" alt="Barbell Bold icon">, or paste the SVG code inline to style it with CSS.