Иконка Golf Bold
solar:golf-bold
Иконка Golf Bold (solar:golf-bold) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Solar
- Автор
- 480 Design
- Лицензия
- CC-BY-4.0
- Размер
- 24 × 24
- Категория
- Спорт
- Теги
- golfbold
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.0002 1.25C12.4144 1.25 12.7502 1.58579 12.7502 2V3.03647L17.7579 5.54032L17.8119 5.56731C18.5464 5.93447 19.1724 6.24743 19.608 6.55149C20.0498 6.85982 20.5142 7.3075 20.5142 8C20.5142 8.6925 20.0498 9.14018 19.608 9.44851C19.1724 9.75257 18.5464 10.0655 17.8119 10.4327L12.7502 12.9635V18C12.7502 18.4142 12.4144 18.75 12.0002 18.75C11.586 18.75 11.2502 18.4142 11.2502 18V12.5162C11.2499 12.5058 11.2499 12.4953 11.2502 12.4849V3.51509C11.2499 3.50466 11.2499 3.49421 11.2502 3.48375V2C11.2502 1.58579 11.586 1.25 12.0002 1.25Z"/><path d="M12 22C17.5228 22 22 20.433 22 18.5C22 16.8378 18.6894 15.4462 14.2502 15.089V18C14.2502 19.2426 13.2428 20.25 12.0002 20.25C10.7575 20.25 9.75016 19.2426 9.75016 18V15.0889C5.31073 15.4462 2 16.8378 2 18.5C2 20.433 6.47715 22 12 22Z"/><path d="M12.0002 1.25C11.586 1.25 11.2502 1.58579 11.2502 2V3.48375C11.2499 3.49421 11.2499 3.50466 11.2502 3.51509V12.4849C11.2499 12.4953 11.2499 12.5058 11.2502 12.5162V15.0097V18C11.2502 18.4142 11.586 18.75 12.0002 18.75C12.4144 18.75 12.7502 18.4142 12.7502 18V15.0097V12.9635L17.8119 10.4327C18.5464 10.0655 19.1724 9.75257 19.608 9.44851C20.0498 9.14018 20.5142 8.6925 20.5142 8C20.5142 7.3075 20.0498 6.85982 19.608 6.55149C19.1724 6.24743 18.5464 5.93447 17.8119 5.56731L12.7502 3.03647V2C12.7502 1.58579 12.4144 1.25 12.0002 1.25Z"/></g></svg>Как использовать иконку Golf Bold
React
import { Icon } from "@iconify/react";
<Icon icon="solar:golf-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:golf-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:golf-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--golf-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:golf-bold"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:golf-bold"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/solar/golf-bold.svg" alt="Иконка Golf Bold" width="24" height="24">Похожие иконки в наборе Solar
Иконка Golf Bold в других наборах
Вопросы и ответы: Иконка Golf Bold
Можно ли бесплатно использовать иконку Golf Bold в коммерческих проектах?
Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Golf Bold в React?
Установите @iconify/react и выведите <Icon icon="solar:golf-bold" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Golf Bold на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/solar/golf-bold.svg" alt="Иконка Golf Bold">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.