golf icon
golf-bold-duotone from Solar by 480 Design · Bold Duotone · Sports · CC-BY-4.0 Attribution required.
- Name
- golf-bold-duotone
- Set
- Solar
- Style
- Bold Duotone
- Category
- Sports
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
More sports icons from Solar
balls-boldbasketball-boldbicycling-boldbicycling-round-boldbody-shape-boldbody-shape-minimalistic-boldbowling-bolddumbbell-bolddumbbell-large-bolddumbbell-large-minimalistic-bolddumbbell-small-bolddumbbells-2-bolddumbbells-boldfootball-boldhiking-boldhiking-minimalistic-boldhiking-round-boldmeditation-boldmeditation-round-boldranking-boldrugby-boldrunning-2-boldrunning-boldrunning-round-bold
Use the golf icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><ellipse cx="12" cy="18.5" opacity=".5" rx="10" ry="3.5"/><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"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarGolfBoldDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><ellipse cx="12" cy="18.5" opacity=".5" rx="10" ry="3.5"/><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"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><ellipse cx="12" cy="18.5" opacity=".5" rx="10" ry="3.5"/><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"/></g></svg> </template>
CSS
.icon-golf-bold-duotone {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%2218.5%22%20opacity%3D%22.5%22%20rx%3D%2210%22%20ry%3D%223.5%22%2F%3E%3Cpath%20d%3D%22M12.0002%201.25C12.4144%201.25%2012.7502%201.58579%2012.7502%202V3.03647L17.7579%205.54032L17.8119%205.56731C18.5464%205.93447%2019.1724%206.24743%2019.608%206.55149C20.0498%206.85982%2020.5142%207.3075%2020.5142%208C20.5142%208.6925%2020.0498%209.14018%2019.608%209.44851C19.1724%209.75257%2018.5464%2010.0655%2017.8119%2010.4327L12.7502%2012.9635V18C12.7502%2018.4142%2012.4144%2018.75%2012.0002%2018.75C11.586%2018.75%2011.2502%2018.4142%2011.2502%2018V12.5162C11.2499%2012.5058%2011.2499%2012.4953%2011.2502%2012.4849V3.51509C11.2499%203.50466%2011.2499%203.49421%2011.2502%203.48375V2C11.2502%201.58579%2011.586%201.25%2012.0002%201.25Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%2218.5%22%20opacity%3D%22.5%22%20rx%3D%2210%22%20ry%3D%223.5%22%2F%3E%3Cpath%20d%3D%22M12.0002%201.25C12.4144%201.25%2012.7502%201.58579%2012.7502%202V3.03647L17.7579%205.54032L17.8119%205.56731C18.5464%205.93447%2019.1724%206.24743%2019.608%206.55149C20.0498%206.85982%2020.5142%207.3075%2020.5142%208C20.5142%208.6925%2020.0498%209.14018%2019.608%209.44851C19.1724%209.75257%2018.5464%2010.0655%2017.8119%2010.4327L12.7502%2012.9635V18C12.7502%2018.4142%2012.4144%2018.75%2012.0002%2018.75C11.586%2018.75%2011.2502%2018.4142%2011.2502%2018V12.5162C11.2499%2012.5058%2011.2499%2012.4953%2011.2502%2012.4849V3.51509C11.2499%203.50466%2011.2499%203.49421%2011.2502%203.48375V2C11.2502%201.58579%2011.586%201.25%2012.0002%201.25Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/golf-bold-duotone.svg?color=%231a73e8&size=48
