sport general icon
sport-general-20-filled from Fluent UI System Icons by Microsoft Corporation · 20 Filled · MIT Free for personal and commercial use.
- Name
- sport-general-20-filled
- Set
- Fluent UI System Icons
- Style
- 20 Filled
- Viewbox
- 20×20
- 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 20 20"><g fill="none"><path d="M16.582 4.125c.338.4.616.833.834 1.288l-.002.001a2.001 2.001 0 0 1-2.43.31l1.598-1.599z" fill="currentColor"/><path d="M15.875 3.418l-1.598 1.598a2 2 0 0 1 .309-2.43l.001-.001a5.97 5.97 0 0 1 1.288.833z" fill="currentColor"/><path d="M16.92 11.435a6.006 6.006 0 0 0 .867-5.024a3.002 3.002 0 0 1-3.525.035L13.096 7.61l3.825 3.824z" fill="currentColor"/><path d="M13.555 5.738a3.002 3.002 0 0 1 .035-3.525a6.006 6.006 0 0 0-5.025.867l3.824 3.824l1.166-1.166z" fill="currentColor"/><path d="M7.793 3.722l-.035.035a5.973 5.973 0 0 0-1.521 2.571c.461.141.938.306 1.412.496c1.035.416 2.136.985 3.049 1.771l.984-.984l-3.889-3.889z" fill="currentColor"/><path d="M13.688 13.759a5.973 5.973 0 0 0 2.555-1.516l.035-.036l-3.889-3.889l-.981.981c.81.925 1.389 2.047 1.807 3.1c.181.457.338.916.473 1.36z" fill="currentColor"/><path d="M13.248 16.328a1.7 1.7 0 0 1-2.105 1.654c-1.755-.395-4.532-1.235-6.189-2.892c-1.653-1.653-2.507-4.441-2.913-6.208a1.84 1.84 0 0 1-.047-.415a1.703 1.703 0 0 1 2.084-1.66c.912.191 2.067.491 3.199.945c1.126.452 2.261 1.07 3.104 1.912c.844.844 1.458 1.98 1.904 3.104c.449 1.13.74 2.282.925 3.19c.026.125.038.249.038.37zm-6.394-5.181a.5.5 0 0 0-.707.707l2 2a.5.5 0 1 0 .707-.707l-2-2z" fill="currentColor"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentSportGeneral20Filled(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="M16.582 4.125c.338.4.616.833.834 1.288l-.002.001a2.001 2.001 0 0 1-2.43.31l1.598-1.599z" fill="currentColor"/><path d="M15.875 3.418l-1.598 1.598a2 2 0 0 1 .309-2.43l.001-.001a5.97 5.97 0 0 1 1.288.833z" fill="currentColor"/><path d="M16.92 11.435a6.006 6.006 0 0 0 .867-5.024a3.002 3.002 0 0 1-3.525.035L13.096 7.61l3.825 3.824z" fill="currentColor"/><path d="M13.555 5.738a3.002 3.002 0 0 1 .035-3.525a6.006 6.006 0 0 0-5.025.867l3.824 3.824l1.166-1.166z" fill="currentColor"/><path d="M7.793 3.722l-.035.035a5.973 5.973 0 0 0-1.521 2.571c.461.141.938.306 1.412.496c1.035.416 2.136.985 3.049 1.771l.984-.984l-3.889-3.889z" fill="currentColor"/><path d="M13.688 13.759a5.973 5.973 0 0 0 2.555-1.516l.035-.036l-3.889-3.889l-.981.981c.81.925 1.389 2.047 1.807 3.1c.181.457.338.916.473 1.36z" fill="currentColor"/><path d="M13.248 16.328a1.7 1.7 0 0 1-2.105 1.654c-1.755-.395-4.532-1.235-6.189-2.892c-1.653-1.653-2.507-4.441-2.913-6.208a1.84 1.84 0 0 1-.047-.415a1.703 1.703 0 0 1 2.084-1.66c.912.191 2.067.491 3.199.945c1.126.452 2.261 1.07 3.104 1.912c.844.844 1.458 1.98 1.904 3.104c.449 1.13.74 2.282.925 3.19c.026.125.038.249.038.37zm-6.394-5.181a.5.5 0 0 0-.707.707l2 2a.5.5 0 1 0 .707-.707l-2-2z" 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="M16.582 4.125c.338.4.616.833.834 1.288l-.002.001a2.001 2.001 0 0 1-2.43.31l1.598-1.599z" fill="currentColor"/><path d="M15.875 3.418l-1.598 1.598a2 2 0 0 1 .309-2.43l.001-.001a5.97 5.97 0 0 1 1.288.833z" fill="currentColor"/><path d="M16.92 11.435a6.006 6.006 0 0 0 .867-5.024a3.002 3.002 0 0 1-3.525.035L13.096 7.61l3.825 3.824z" fill="currentColor"/><path d="M13.555 5.738a3.002 3.002 0 0 1 .035-3.525a6.006 6.006 0 0 0-5.025.867l3.824 3.824l1.166-1.166z" fill="currentColor"/><path d="M7.793 3.722l-.035.035a5.973 5.973 0 0 0-1.521 2.571c.461.141.938.306 1.412.496c1.035.416 2.136.985 3.049 1.771l.984-.984l-3.889-3.889z" fill="currentColor"/><path d="M13.688 13.759a5.973 5.973 0 0 0 2.555-1.516l.035-.036l-3.889-3.889l-.981.981c.81.925 1.389 2.047 1.807 3.1c.181.457.338.916.473 1.36z" fill="currentColor"/><path d="M13.248 16.328a1.7 1.7 0 0 1-2.105 1.654c-1.755-.395-4.532-1.235-6.189-2.892c-1.653-1.653-2.507-4.441-2.913-6.208a1.84 1.84 0 0 1-.047-.415a1.703 1.703 0 0 1 2.084-1.66c.912.191 2.067.491 3.199.945c1.126.452 2.261 1.07 3.104 1.912c.844.844 1.458 1.98 1.904 3.104c.449 1.13.74 2.282.925 3.19c.026.125.038.249.038.37zm-6.394-5.181a.5.5 0 0 0-.707.707l2 2a.5.5 0 1 0 .707-.707l-2-2z" fill="currentColor"/></g></svg> </template>
CSS
.icon-sport-general-20-filled {
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%22M16.582%204.125c.338.4.616.833.834%201.288l-.002.001a2.001%202.001%200%200%201-2.43.31l1.598-1.599z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M15.875%203.418l-1.598%201.598a2%202%200%200%201%20.309-2.43l.001-.001a5.97%205.97%200%200%201%201.288.833z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M16.92%2011.435a6.006%206.006%200%200%200%20.867-5.024a3.002%203.002%200%200%201-3.525.035L13.096%207.61l3.825%203.824z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M13.555%205.738a3.002%203.002%200%200%201%20.035-3.525a6.006%206.006%200%200%200-5.025.867l3.824%203.824l1.166-1.166z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M7.793%203.722l-.035.035a5.973%205.973%200%200%200-1.521%202.571c.461.141.938.306%201.412.496c1.035.416%202.136.985%203.049%201.771l.984-.984l-3.889-3.889z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M13.688%2013.759a5.973%205.973%200%200%200%202.555-1.516l.035-.036l-3.889-3.889l-.981.981c.81.925%201.389%202.047%201.807%203.1c.181.457.338.916.473%201.36z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M13.248%2016.328a1.7%201.7%200%200%201-2.105%201.654c-1.755-.395-4.532-1.235-6.189-2.892c-1.653-1.653-2.507-4.441-2.913-6.208a1.84%201.84%200%200%201-.047-.415a1.703%201.703%200%200%201%202.084-1.66c.912.191%202.067.491%203.199.945c1.126.452%202.261%201.07%203.104%201.912c.844.844%201.458%201.98%201.904%203.104c.449%201.13.74%202.282.925%203.19c.026.125.038.249.038.37zm-6.394-5.181a.5.5%200%200%200-.707.707l2%202a.5.5%200%201%200%20.707-.707l-2-2z%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%22M16.582%204.125c.338.4.616.833.834%201.288l-.002.001a2.001%202.001%200%200%201-2.43.31l1.598-1.599z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M15.875%203.418l-1.598%201.598a2%202%200%200%201%20.309-2.43l.001-.001a5.97%205.97%200%200%201%201.288.833z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M16.92%2011.435a6.006%206.006%200%200%200%20.867-5.024a3.002%203.002%200%200%201-3.525.035L13.096%207.61l3.825%203.824z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M13.555%205.738a3.002%203.002%200%200%201%20.035-3.525a6.006%206.006%200%200%200-5.025.867l3.824%203.824l1.166-1.166z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M7.793%203.722l-.035.035a5.973%205.973%200%200%200-1.521%202.571c.461.141.938.306%201.412.496c1.035.416%202.136.985%203.049%201.771l.984-.984l-3.889-3.889z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M13.688%2013.759a5.973%205.973%200%200%200%202.555-1.516l.035-.036l-3.889-3.889l-.981.981c.81.925%201.389%202.047%201.807%203.1c.181.457.338.916.473%201.36z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M13.248%2016.328a1.7%201.7%200%200%201-2.105%201.654c-1.755-.395-4.532-1.235-6.189-2.892c-1.653-1.653-2.507-4.441-2.913-6.208a1.84%201.84%200%200%201-.047-.415a1.703%201.703%200%200%201%202.084-1.66c.912.191%202.067.491%203.199.945c1.126.452%202.261%201.07%203.104%201.912c.844.844%201.458%201.98%201.904%203.104c.449%201.13.74%202.282.925%203.19c.026.125.038.249.038.37zm-6.394-5.181a.5.5%200%200%200-.707.707l2%202a.5.5%200%201%200%20.707-.707l-2-2z%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-filled.svg?color=%231a73e8&size=48
