sport general icon
sport-general-24-regular from Fluent UI System Icons by Microsoft Corporation · 24 Regular · MIT Free for personal and commercial use.
- Name
- sport-general-24-regular
- Set
- Fluent UI System Icons
- Style
- 24 Regular
- Viewbox
- 24×24
- License
- MIT
5 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the sport general icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path d="M6.087 7.188a8.207 8.207 0 0 0-.179.494c.463.07.963.168 1.483.299a6.705 6.705 0 0 1 1.085-1.945l4.213 4.214l-.252.252a10.202 10.202 0 0 1 1.061 1.06l.252-.251l4.213 4.213a6.707 6.707 0 0 1-1.944 1.085c.131.52.228 1.02.3 1.482a8.198 8.198 0 0 0 3.265-2.008a8.258 8.258 0 0 0 1.745-2.569A8.256 8.256 0 0 0 10.999 2.47a8.275 8.275 0 0 0-4.912 4.718zm13.96.627a2.753 2.753 0 0 1-3.042.24l2.02-2.019c.438.548.78 1.15 1.023 1.779zm-4.129 1.328a4.256 4.256 0 0 0 4.523.21a6.743 6.743 0 0 1-1.417 5.11l-4.213-4.213l1.107-1.107zm-1.06-1.061L13.75 9.189L9.536 4.976a6.743 6.743 0 0 1 5.111-1.417a4.256 4.256 0 0 0 .21 4.523zm1.087-1.087a2.753 2.753 0 0 1 .24-3.043c.63.244 1.23.585 1.779 1.024l-2.02 2.019z" fill="currentColor"/><path d="M6.97 13.47a.75.75 0 0 1 1.06 0l2.5 2.5a.75.75 0 1 1-1.06 1.06l-2.5-2.5a.75.75 0 0 1 0-1.06z" fill="currentColor"/><path d="M2.028 11.019a2.296 2.296 0 0 1 2.49-2.49c1.979.15 5.34.768 7.762 3.19c2.423 2.423 3.042 5.784 3.192 7.763a2.296 2.296 0 0 1-2.49 2.49c-1.978-.15-5.34-.77-7.762-3.192c-2.423-2.422-3.042-5.783-3.192-7.761zm2.377-.995a.797.797 0 0 0-.881.881c.141 1.863.718 4.777 2.756 6.815c2.039 2.038 4.952 2.615 6.815 2.756a.797.797 0 0 0 .881-.881c-.141-1.863-.718-4.776-2.756-6.815c-2.038-2.038-4.952-2.615-6.815-2.756z" fill="currentColor"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentSportGeneral24Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path d="M6.087 7.188a8.207 8.207 0 0 0-.179.494c.463.07.963.168 1.483.299a6.705 6.705 0 0 1 1.085-1.945l4.213 4.214l-.252.252a10.202 10.202 0 0 1 1.061 1.06l.252-.251l4.213 4.213a6.707 6.707 0 0 1-1.944 1.085c.131.52.228 1.02.3 1.482a8.198 8.198 0 0 0 3.265-2.008a8.258 8.258 0 0 0 1.745-2.569A8.256 8.256 0 0 0 10.999 2.47a8.275 8.275 0 0 0-4.912 4.718zm13.96.627a2.753 2.753 0 0 1-3.042.24l2.02-2.019c.438.548.78 1.15 1.023 1.779zm-4.129 1.328a4.256 4.256 0 0 0 4.523.21a6.743 6.743 0 0 1-1.417 5.11l-4.213-4.213l1.107-1.107zm-1.06-1.061L13.75 9.189L9.536 4.976a6.743 6.743 0 0 1 5.111-1.417a4.256 4.256 0 0 0 .21 4.523zm1.087-1.087a2.753 2.753 0 0 1 .24-3.043c.63.244 1.23.585 1.779 1.024l-2.02 2.019z" fill="currentColor"/><path d="M6.97 13.47a.75.75 0 0 1 1.06 0l2.5 2.5a.75.75 0 1 1-1.06 1.06l-2.5-2.5a.75.75 0 0 1 0-1.06z" fill="currentColor"/><path d="M2.028 11.019a2.296 2.296 0 0 1 2.49-2.49c1.979.15 5.34.768 7.762 3.19c2.423 2.423 3.042 5.784 3.192 7.763a2.296 2.296 0 0 1-2.49 2.49c-1.978-.15-5.34-.77-7.762-3.192c-2.423-2.422-3.042-5.783-3.192-7.761zm2.377-.995a.797.797 0 0 0-.881.881c.141 1.863.718 4.777 2.756 6.815c2.039 2.038 4.952 2.615 6.815 2.756a.797.797 0 0 0 .881-.881c-.141-1.863-.718-4.776-2.756-6.815c-2.038-2.038-4.952-2.615-6.815-2.756z" fill="currentColor"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path d="M6.087 7.188a8.207 8.207 0 0 0-.179.494c.463.07.963.168 1.483.299a6.705 6.705 0 0 1 1.085-1.945l4.213 4.214l-.252.252a10.202 10.202 0 0 1 1.061 1.06l.252-.251l4.213 4.213a6.707 6.707 0 0 1-1.944 1.085c.131.52.228 1.02.3 1.482a8.198 8.198 0 0 0 3.265-2.008a8.258 8.258 0 0 0 1.745-2.569A8.256 8.256 0 0 0 10.999 2.47a8.275 8.275 0 0 0-4.912 4.718zm13.96.627a2.753 2.753 0 0 1-3.042.24l2.02-2.019c.438.548.78 1.15 1.023 1.779zm-4.129 1.328a4.256 4.256 0 0 0 4.523.21a6.743 6.743 0 0 1-1.417 5.11l-4.213-4.213l1.107-1.107zm-1.06-1.061L13.75 9.189L9.536 4.976a6.743 6.743 0 0 1 5.111-1.417a4.256 4.256 0 0 0 .21 4.523zm1.087-1.087a2.753 2.753 0 0 1 .24-3.043c.63.244 1.23.585 1.779 1.024l-2.02 2.019z" fill="currentColor"/><path d="M6.97 13.47a.75.75 0 0 1 1.06 0l2.5 2.5a.75.75 0 1 1-1.06 1.06l-2.5-2.5a.75.75 0 0 1 0-1.06z" fill="currentColor"/><path d="M2.028 11.019a2.296 2.296 0 0 1 2.49-2.49c1.979.15 5.34.768 7.762 3.19c2.423 2.423 3.042 5.784 3.192 7.763a2.296 2.296 0 0 1-2.49 2.49c-1.978-.15-5.34-.77-7.762-3.192c-2.423-2.422-3.042-5.783-3.192-7.761zm2.377-.995a.797.797 0 0 0-.881.881c.141 1.863.718 4.777 2.756 6.815c2.039 2.038 4.952 2.615 6.815 2.756a.797.797 0 0 0 .881-.881c-.141-1.863-.718-4.776-2.756-6.815c-2.038-2.038-4.952-2.615-6.815-2.756z" fill="currentColor"/></g></svg> </template>
CSS
.icon-sport-general-24-regular {
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%22none%22%3E%3Cpath%20d%3D%22M6.087%207.188a8.207%208.207%200%200%200-.179.494c.463.07.963.168%201.483.299a6.705%206.705%200%200%201%201.085-1.945l4.213%204.214l-.252.252a10.202%2010.202%200%200%201%201.061%201.06l.252-.251l4.213%204.213a6.707%206.707%200%200%201-1.944%201.085c.131.52.228%201.02.3%201.482a8.198%208.198%200%200%200%203.265-2.008a8.258%208.258%200%200%200%201.745-2.569A8.256%208.256%200%200%200%2010.999%202.47a8.275%208.275%200%200%200-4.912%204.718zm13.96.627a2.753%202.753%200%200%201-3.042.24l2.02-2.019c.438.548.78%201.15%201.023%201.779zm-4.129%201.328a4.256%204.256%200%200%200%204.523.21a6.743%206.743%200%200%201-1.417%205.11l-4.213-4.213l1.107-1.107zm-1.06-1.061L13.75%209.189L9.536%204.976a6.743%206.743%200%200%201%205.111-1.417a4.256%204.256%200%200%200%20.21%204.523zm1.087-1.087a2.753%202.753%200%200%201%20.24-3.043c.63.244%201.23.585%201.779%201.024l-2.02%202.019z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M6.97%2013.47a.75.75%200%200%201%201.06%200l2.5%202.5a.75.75%200%201%201-1.06%201.06l-2.5-2.5a.75.75%200%200%201%200-1.06z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M2.028%2011.019a2.296%202.296%200%200%201%202.49-2.49c1.979.15%205.34.768%207.762%203.19c2.423%202.423%203.042%205.784%203.192%207.763a2.296%202.296%200%200%201-2.49%202.49c-1.978-.15-5.34-.77-7.762-3.192c-2.423-2.422-3.042-5.783-3.192-7.761zm2.377-.995a.797.797%200%200%200-.881.881c.141%201.863.718%204.777%202.756%206.815c2.039%202.038%204.952%202.615%206.815%202.756a.797.797%200%200%200%20.881-.881c-.141-1.863-.718-4.776-2.756-6.815c-2.038-2.038-4.952-2.615-6.815-2.756z%22%20fill%3D%22currentColor%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%22none%22%3E%3Cpath%20d%3D%22M6.087%207.188a8.207%208.207%200%200%200-.179.494c.463.07.963.168%201.483.299a6.705%206.705%200%200%201%201.085-1.945l4.213%204.214l-.252.252a10.202%2010.202%200%200%201%201.061%201.06l.252-.251l4.213%204.213a6.707%206.707%200%200%201-1.944%201.085c.131.52.228%201.02.3%201.482a8.198%208.198%200%200%200%203.265-2.008a8.258%208.258%200%200%200%201.745-2.569A8.256%208.256%200%200%200%2010.999%202.47a8.275%208.275%200%200%200-4.912%204.718zm13.96.627a2.753%202.753%200%200%201-3.042.24l2.02-2.019c.438.548.78%201.15%201.023%201.779zm-4.129%201.328a4.256%204.256%200%200%200%204.523.21a6.743%206.743%200%200%201-1.417%205.11l-4.213-4.213l1.107-1.107zm-1.06-1.061L13.75%209.189L9.536%204.976a6.743%206.743%200%200%201%205.111-1.417a4.256%204.256%200%200%200%20.21%204.523zm1.087-1.087a2.753%202.753%200%200%201%20.24-3.043c.63.244%201.23.585%201.779%201.024l-2.02%202.019z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M6.97%2013.47a.75.75%200%200%201%201.06%200l2.5%202.5a.75.75%200%201%201-1.06%201.06l-2.5-2.5a.75.75%200%200%201%200-1.06z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M2.028%2011.019a2.296%202.296%200%200%201%202.49-2.49c1.979.15%205.34.768%207.762%203.19c2.423%202.423%203.042%205.784%203.192%207.763a2.296%202.296%200%200%201-2.49%202.49c-1.978-.15-5.34-.77-7.762-3.192c-2.423-2.422-3.042-5.783-3.192-7.761zm2.377-.995a.797.797%200%200%200-.881.881c.141%201.863.718%204.777%202.756%206.815c2.039%202.038%204.952%202.615%206.815%202.756a.797.797%200%200%200%20.881-.881c-.141-1.863-.718-4.776-2.756-6.815c-2.038-2.038-4.952-2.615-6.815-2.756z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/sport-general-24-regular.svg?color=%231a73e8&size=48
