Golf Bold icon
solar:golf-bold
The Golf Bold icon (solar:golf-bold) 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
- golfbold
SVG code
<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>How to use the Golf Bold icon
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>Web component
<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 image
<img src="https://iconyz.com/api/public/svg/solar/golf-bold.svg" alt="Golf Bold icon" width="24" height="24">Related icons in Solar
Golf Bold icon in other icon sets
Golf Bold icon FAQ
Is the Golf Bold 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 Golf Bold icon in React?
Install @iconify/react and render <Icon icon="solar:golf-bold" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Golf Bold icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/golf-bold.svg" alt="Golf Bold icon">, or paste the SVG code inline to style it with CSS.