Dumbbell Bold Duotone icon

solar:dumbbell-bold-duotone

The Dumbbell Bold Duotone icon (solar:dumbbell-bold-duotone) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Sports
Tags: dumbbellbold, boldduotone, dumbbellboldduotone

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M22 10V14C22 14.9319 22 15.3978 21.8478 15.7654C21.6448 16.2554 21.2554 16.6448 20.7654 16.8478C20.3978 17 19.9319 17 19 17C18.0681 17 17.6022 17 17.2346 16.8478C16.7446 16.6448 16.3552 16.2554 16.1522 15.7654C16 15.3978 16 14.4319 16 13.5V10.5C16 9.56812 16 8.60218 16.1522 8.23463C16.3552 7.74458 16.7446 7.35523 17.2346 7.15224C17.6022 7 18.0681 7 19 7C19.9319 7 20.3978 7 20.7654 7.15224C21.2554 7.35523 21.6448 7.74458 21.8478 8.23463C22 8.60218 22 9.06812 22 10ZM8 10.5V13.5C8 14.4319 8 15.3978 7.84776 15.7654C7.64477 16.2554 7.25542 16.6448 6.76537 16.8478C6.39782 17 5.93188 17 5 17C4.06812 17 3.60218 17 3.23463 16.8478C2.74458 16.6448 2.35523 16.2554 2.15224 15.7654C2 15.3978 2 14.9319 2 14V10C2 9.06812 2 8.60218 2.15224 8.23463C2.35523 7.74458 2.74458 7.35523 3.23463 7.15224C3.60218 7 4.06812 7 5 7C5.93188 7 6.39782 7 6.76537 7.15224C7.25542 7.35523 7.64477 7.74458 7.84776 8.23463C8 8.60218 8 9.56812 8 10.5Z" clip-rule="evenodd"/><path d="M16 10.5H8V13.5H16V10.5Z" opacity=".5"/></g></svg>

How to use the Dumbbell Bold Duotone icon

React

import { Icon } from "@iconify/react";

<Icon icon="solar:dumbbell-bold-duotone" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:dumbbell-bold-duotone" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:dumbbell-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--dumbbell-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:dumbbell-bold-duotone"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:dumbbell-bold-duotone"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/dumbbell-bold-duotone.svg" alt="Dumbbell Bold Duotone icon" width="24" height="24">

Related icons in Solar

Dumbbell Bold Duotone icon FAQ

Is the Dumbbell Bold Duotone icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Dumbbell Bold Duotone icon in React?

Install @iconify/react and render <Icon icon="solar:dumbbell-bold-duotone" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Dumbbell Bold Duotone icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/dumbbell-bold-duotone.svg" alt="Dumbbell Bold Duotone icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →