sport general icon

sport-general-20-regular from Fluent UI System Icons by Microsoft Corporation · 20 Regular · MIT Free for personal and commercial use.

Name
sport-general-20-regular
Set
Fluent UI System Icons
Style
20 Regular
Viewbox
20×20
License
MIT

5 other variants in Fluent UI System Icons

sport-general-16-filledsport-general-16-regularsport-general-20-filledsport-general-24-filledsport-general-24-regular

Related icons in Fluent UI System Icons

sport-american-football-20-filledsport-baseball-20-filledsport-basketball-20-filledsport-cricket-ball-16-filledsport-cricket-bat-16-filledsport-hockey-20-filledsport-soccer-16-filled

Use the sport general icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><g fill="none"><path d="M6.435 5.753c-.076.189-.142.38-.198.575c.311.095.63.2.949.318a4.968 4.968 0 0 1 .943-1.81L11.293 8l-.595.595a7.16 7.16 0 0 1 .71.704L12 8.707l3.165 3.165a4.97 4.97 0 0 1-1.794.937c.117.32.222.638.317.95a5.971 5.971 0 0 0 2.702-1.669a6.007 6.007 0 0 0 1.134-1.743c.526-1.24.616-2.62.27-3.908a6.011 6.011 0 0 0-4.232-4.234a6.024 6.024 0 0 0-3.807.23a6.02 6.02 0 0 0-3.32 3.318zm10.205.38a2.003 2.003 0 0 1-2.12.055l1.352-1.353c.327.4.583.838.768 1.298zm-2.843.777c.925.659 2.139.73 3.126.215a4.996 4.996 0 0 1-1.051 4.04L12.707 8l1.09-1.09zm-.707-.707L12 7.293L8.836 4.128a4.997 4.997 0 0 1 4.039-1.051a3.004 3.004 0 0 0 .215 3.126zm.722-.723a2.003 2.003 0 0 1 .056-2.12c.46.185.897.441 1.297.768L13.812 5.48z" fill="currentColor"/><path d="M6.147 11.146a.5.5 0 0 1 .707 0l2 2a.5.5 0 0 1-.707.708l-2-2a.5.5 0 0 1 0-.708z" fill="currentColor"/><path d="M2.041 8.881a1.706 1.706 0 0 1 2.037-2.075c.912.192 2.067.492 3.199.946c1.126.452 2.261 1.069 3.104 1.911c.844.845 1.458 1.98 1.904 3.105c.449 1.13.74 2.281.925 3.189a1.704 1.704 0 0 1-2.067 2.024c-1.755-.394-4.532-1.235-6.189-2.891c-1.653-1.654-2.507-4.442-2.913-6.209zm1.831-1.096c-.544-.114-.98.33-.856.873c.403 1.758 1.211 4.29 2.645 5.725c1.436 1.436 3.956 2.23 5.701 2.623c.538.12.978-.31.868-.85c-.177-.872-.455-1.963-.874-3.02c-.421-1.061-.973-2.056-1.682-2.766c-.708-.708-1.705-1.263-2.77-1.69c-1.06-.426-2.154-.711-3.032-.895z" fill="currentColor"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentSportGeneral20Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><g fill="none"><path d="M6.435 5.753c-.076.189-.142.38-.198.575c.311.095.63.2.949.318a4.968 4.968 0 0 1 .943-1.81L11.293 8l-.595.595a7.16 7.16 0 0 1 .71.704L12 8.707l3.165 3.165a4.97 4.97 0 0 1-1.794.937c.117.32.222.638.317.95a5.971 5.971 0 0 0 2.702-1.669a6.007 6.007 0 0 0 1.134-1.743c.526-1.24.616-2.62.27-3.908a6.011 6.011 0 0 0-4.232-4.234a6.024 6.024 0 0 0-3.807.23a6.02 6.02 0 0 0-3.32 3.318zm10.205.38a2.003 2.003 0 0 1-2.12.055l1.352-1.353c.327.4.583.838.768 1.298zm-2.843.777c.925.659 2.139.73 3.126.215a4.996 4.996 0 0 1-1.051 4.04L12.707 8l1.09-1.09zm-.707-.707L12 7.293L8.836 4.128a4.997 4.997 0 0 1 4.039-1.051a3.004 3.004 0 0 0 .215 3.126zm.722-.723a2.003 2.003 0 0 1 .056-2.12c.46.185.897.441 1.297.768L13.812 5.48z" fill="currentColor"/><path d="M6.147 11.146a.5.5 0 0 1 .707 0l2 2a.5.5 0 0 1-.707.708l-2-2a.5.5 0 0 1 0-.708z" fill="currentColor"/><path d="M2.041 8.881a1.706 1.706 0 0 1 2.037-2.075c.912.192 2.067.492 3.199.946c1.126.452 2.261 1.069 3.104 1.911c.844.845 1.458 1.98 1.904 3.105c.449 1.13.74 2.281.925 3.189a1.704 1.704 0 0 1-2.067 2.024c-1.755-.394-4.532-1.235-6.189-2.891c-1.653-1.654-2.507-4.442-2.913-6.209zm1.831-1.096c-.544-.114-.98.33-.856.873c.403 1.758 1.211 4.29 2.645 5.725c1.436 1.436 3.956 2.23 5.701 2.623c.538.12.978-.31.868-.85c-.177-.872-.455-1.963-.874-3.02c-.421-1.061-.973-2.056-1.682-2.766c-.708-.708-1.705-1.263-2.77-1.69c-1.06-.426-2.154-.711-3.032-.895z" fill="currentColor"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><g fill="none"><path d="M6.435 5.753c-.076.189-.142.38-.198.575c.311.095.63.2.949.318a4.968 4.968 0 0 1 .943-1.81L11.293 8l-.595.595a7.16 7.16 0 0 1 .71.704L12 8.707l3.165 3.165a4.97 4.97 0 0 1-1.794.937c.117.32.222.638.317.95a5.971 5.971 0 0 0 2.702-1.669a6.007 6.007 0 0 0 1.134-1.743c.526-1.24.616-2.62.27-3.908a6.011 6.011 0 0 0-4.232-4.234a6.024 6.024 0 0 0-3.807.23a6.02 6.02 0 0 0-3.32 3.318zm10.205.38a2.003 2.003 0 0 1-2.12.055l1.352-1.353c.327.4.583.838.768 1.298zm-2.843.777c.925.659 2.139.73 3.126.215a4.996 4.996 0 0 1-1.051 4.04L12.707 8l1.09-1.09zm-.707-.707L12 7.293L8.836 4.128a4.997 4.997 0 0 1 4.039-1.051a3.004 3.004 0 0 0 .215 3.126zm.722-.723a2.003 2.003 0 0 1 .056-2.12c.46.185.897.441 1.297.768L13.812 5.48z" fill="currentColor"/><path d="M6.147 11.146a.5.5 0 0 1 .707 0l2 2a.5.5 0 0 1-.707.708l-2-2a.5.5 0 0 1 0-.708z" fill="currentColor"/><path d="M2.041 8.881a1.706 1.706 0 0 1 2.037-2.075c.912.192 2.067.492 3.199.946c1.126.452 2.261 1.069 3.104 1.911c.844.845 1.458 1.98 1.904 3.105c.449 1.13.74 2.281.925 3.189a1.704 1.704 0 0 1-2.067 2.024c-1.755-.394-4.532-1.235-6.189-2.891c-1.653-1.654-2.507-4.442-2.913-6.209zm1.831-1.096c-.544-.114-.98.33-.856.873c.403 1.758 1.211 4.29 2.645 5.725c1.436 1.436 3.956 2.23 5.701 2.623c.538.12.978-.31.868-.85c-.177-.872-.455-1.963-.874-3.02c-.421-1.061-.973-2.056-1.682-2.766c-.708-.708-1.705-1.263-2.77-1.69c-1.06-.426-2.154-.711-3.032-.895z" fill="currentColor"/></g></svg>
</template>

CSS

.icon-sport-general-20-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%2020%2020%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M6.435%205.753c-.076.189-.142.38-.198.575c.311.095.63.2.949.318a4.968%204.968%200%200%201%20.943-1.81L11.293%208l-.595.595a7.16%207.16%200%200%201%20.71.704L12%208.707l3.165%203.165a4.97%204.97%200%200%201-1.794.937c.117.32.222.638.317.95a5.971%205.971%200%200%200%202.702-1.669a6.007%206.007%200%200%200%201.134-1.743c.526-1.24.616-2.62.27-3.908a6.011%206.011%200%200%200-4.232-4.234a6.024%206.024%200%200%200-3.807.23a6.02%206.02%200%200%200-3.32%203.318zm10.205.38a2.003%202.003%200%200%201-2.12.055l1.352-1.353c.327.4.583.838.768%201.298zm-2.843.777c.925.659%202.139.73%203.126.215a4.996%204.996%200%200%201-1.051%204.04L12.707%208l1.09-1.09zm-.707-.707L12%207.293L8.836%204.128a4.997%204.997%200%200%201%204.039-1.051a3.004%203.004%200%200%200%20.215%203.126zm.722-.723a2.003%202.003%200%200%201%20.056-2.12c.46.185.897.441%201.297.768L13.812%205.48z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M6.147%2011.146a.5.5%200%200%201%20.707%200l2%202a.5.5%200%200%201-.707.708l-2-2a.5.5%200%200%201%200-.708z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M2.041%208.881a1.706%201.706%200%200%201%202.037-2.075c.912.192%202.067.492%203.199.946c1.126.452%202.261%201.069%203.104%201.911c.844.845%201.458%201.98%201.904%203.105c.449%201.13.74%202.281.925%203.189a1.704%201.704%200%200%201-2.067%202.024c-1.755-.394-4.532-1.235-6.189-2.891c-1.653-1.654-2.507-4.442-2.913-6.209zm1.831-1.096c-.544-.114-.98.33-.856.873c.403%201.758%201.211%204.29%202.645%205.725c1.436%201.436%203.956%202.23%205.701%202.623c.538.12.978-.31.868-.85c-.177-.872-.455-1.963-.874-3.02c-.421-1.061-.973-2.056-1.682-2.766c-.708-.708-1.705-1.263-2.77-1.69c-1.06-.426-2.154-.711-3.032-.895z%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%2020%2020%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M6.435%205.753c-.076.189-.142.38-.198.575c.311.095.63.2.949.318a4.968%204.968%200%200%201%20.943-1.81L11.293%208l-.595.595a7.16%207.16%200%200%201%20.71.704L12%208.707l3.165%203.165a4.97%204.97%200%200%201-1.794.937c.117.32.222.638.317.95a5.971%205.971%200%200%200%202.702-1.669a6.007%206.007%200%200%200%201.134-1.743c.526-1.24.616-2.62.27-3.908a6.011%206.011%200%200%200-4.232-4.234a6.024%206.024%200%200%200-3.807.23a6.02%206.02%200%200%200-3.32%203.318zm10.205.38a2.003%202.003%200%200%201-2.12.055l1.352-1.353c.327.4.583.838.768%201.298zm-2.843.777c.925.659%202.139.73%203.126.215a4.996%204.996%200%200%201-1.051%204.04L12.707%208l1.09-1.09zm-.707-.707L12%207.293L8.836%204.128a4.997%204.997%200%200%201%204.039-1.051a3.004%203.004%200%200%200%20.215%203.126zm.722-.723a2.003%202.003%200%200%201%20.056-2.12c.46.185.897.441%201.297.768L13.812%205.48z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M6.147%2011.146a.5.5%200%200%201%20.707%200l2%202a.5.5%200%200%201-.707.708l-2-2a.5.5%200%200%201%200-.708z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M2.041%208.881a1.706%201.706%200%200%201%202.037-2.075c.912.192%202.067.492%203.199.946c1.126.452%202.261%201.069%203.104%201.911c.844.845%201.458%201.98%201.904%203.105c.449%201.13.74%202.281.925%203.189a1.704%201.704%200%200%201-2.067%202.024c-1.755-.394-4.532-1.235-6.189-2.891c-1.653-1.654-2.507-4.442-2.913-6.209zm1.831-1.096c-.544-.114-.98.33-.856.873c.403%201.758%201.211%204.29%202.645%205.725c1.436%201.436%203.956%202.23%205.701%202.623c.538.12.978-.31.868-.85c-.177-.872-.455-1.963-.874-3.02c-.421-1.061-.973-2.056-1.682-2.766c-.708-.708-1.705-1.263-2.77-1.69c-1.06-.426-2.154-.711-3.032-.895z%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-20-regular.svg?color=%231a73e8&size=48