Иконка Dumbbell3
reicon:dumbbell3
Иконка Dumbbell3 (reicon:dumbbell3) — бесплатная SVG-иконка из набора Reicon. Она нарисована на сетке 24 × 24. Reicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M13.624 2.756a1 1 0 0 0-.197 0c-.081.01-.202.047-.443.238c-.253.2-.557.503-1.022.968s-.767.769-.968 1.022c-.191.24-.229.362-.238.443a1 1 0 0 0 0 .197c.01.081.047.202.238.443c.2.253.503.557.968 1.022l4.949 4.95c.465.464.769.766 1.022.967c.241.191.362.229.443.238a1 1 0 0 0 .197 0c.081-.01.202-.047.443-.238c.253-.2.557-.503 1.022-.968s.767-.769.968-1.022c.191-.24.229-.362.238-.443a1 1 0 0 0 0-.197c-.01-.081-.047-.202-.238-.443c-.2-.253-.503-.557-.968-1.022l-4.949-4.95c-.465-.464-.769-.766-1.022-.967c-.241-.191-.362-.229-.443-.238m-.371-1.49q.273-.031.545 0c.47.055.852.276 1.201.553c.33.26.694.626 1.12 1.052l5.01 5.01c.426.426.791.79 1.052 1.12c.277.349.498.73.553 1.201q.032.272 0 .545c-.055.471-.276.852-.553 1.201c-.26.33-.626.694-1.052 1.121l-.06.06c-.427.426-.791.791-1.12 1.052c-.35.277-.731.498-1.202.553a2.3 2.3 0 0 1-.545 0c-.47-.055-.852-.276-1.201-.553c-.33-.26-.694-.626-1.12-1.052l-.612-.612l-2.752 2.752l.612.611c.426.427.791.792 1.052 1.12c.277.35.498.731.553 1.202q.032.273 0 .545c-.055.471-.276.852-.553 1.201c-.26.33-.626.694-1.052 1.121l-.06.06c-.427.426-.792.791-1.12 1.052c-.35.277-.731.498-1.202.553a2.3 2.3 0 0 1-.545 0c-.47-.055-.852-.276-1.201-.553c-.33-.26-.694-.626-1.12-1.052l-5.01-5.01c-.426-.426-.791-.79-1.052-1.12c-.277-.349-.498-.73-.553-1.201a2.4 2.4 0 0 1 0-.545c.055-.471.276-.852.553-1.201c.26-.33.626-.694 1.052-1.121l.06-.06c.427-.426.792-.791 1.12-1.052c.35-.277.731-.498 1.202-.553q.272-.032.545 0c.47.055.852.276 1.201.553c.33.26.694.626 1.12 1.052l.234.233l2.751-2.751l-.233-.233c-.426-.427-.791-.792-1.052-1.12c-.277-.35-.498-.731-.553-1.202a2.4 2.4 0 0 1 0-.545c.055-.471.276-.852.553-1.201c.26-.33.626-.694 1.052-1.12l.06-.06c.427-.427.792-.792 1.12-1.053c.35-.277.731-.498 1.202-.553m-1.088 8.147l-2.752 2.752l2.043 2.043l2.752-2.751zm5.323-7.445a.75.75 0 0 1 1.061 0l3.104 3.104a.75.75 0 0 1-1.06 1.06L17.488 3.03a.75.75 0 0 1 0-1.061M5.624 10.756a1 1 0 0 0-.197 0c-.081.01-.202.047-.443.238c-.253.2-.557.503-1.022.968s-.767.769-.968 1.022c-.191.24-.229.362-.238.443a1 1 0 0 0 0 .197c.01.081.047.202.238.443c.2.253.503.557.968 1.022l4.949 4.95c.465.464.769.766 1.022.967c.241.191.362.229.443.238a1 1 0 0 0 .197 0c.081-.01.202-.047.443-.238c.253-.2.557-.503 1.022-.968s.767-.769.968-1.022c.191-.24.229-.362.238-.443a1 1 0 0 0 0-.197c-.01-.081-.047-.202-.238-.443c-.2-.253-.503-.557-.968-1.022l-4.949-4.95c-.465-.464-.769-.766-1.022-.967c-.241-.191-.362-.229-.443-.238m-3.657 6.732a.75.75 0 0 1 1.06 0l3.105 3.104a.75.75 0 1 1-1.06 1.06l-3.105-3.104a.75.75 0 0 1 0-1.06" clip-rule="evenodd"/></svg>Как использовать иконку Dumbbell3
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:dumbbell3" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:dumbbell3" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:dumbbell3" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--dumbbell3]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:dumbbell3"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:dumbbell3"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/reicon/dumbbell3.svg" alt="Иконка Dumbbell3" width="24" height="24">Похожие иконки в наборе Reicon
Вопросы и ответы: Иконка Dumbbell3
Можно ли бесплатно использовать иконку Dumbbell3 в коммерческих проектах?
Да. Reicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Dumbbell3 в React?
Установите @iconify/react и выведите <Icon icon="reicon:dumbbell3" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Dumbbell3 на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/reicon/dumbbell3.svg" alt="Иконка Dumbbell3">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.