sport soccer icon

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

Name
sport-soccer-16-regular
Set
Fluent UI System Icons
Style
16 Regular
Viewbox
16×16
License
MIT

5 other variants in Fluent UI System Icons

sport-soccer-16-filledsport-soccer-20-filledsport-soccer-20-regularsport-soccer-24-filledsport-soccer-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-general-16-filledsport-hockey-20-filled

Use the sport soccer icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M8 1.5a6.5 6.5 0 1 1 0 13a6.5 6.5 0 0 1 0-13M6.836 2.623L8 3.4l1.164-.776a5.5 5.5 0 0 0-2.328 0m-1.193.406a5.5 5.5 0 0 0-1.888 1.474l.647 2.104l1.006.335L7.5 5.352V4.268zM3.048 5.605a5.5 5.5 0 0 0-.518 1.813l.885-.619zm-.512 3.03c.1.865.4 1.67.853 2.365h1.904l.635-.635l-.823-2.47l-1.024-.341zM4.226 12c.403.382.865.703 1.37.948L5.177 12zm2.66 1.387a5.5 5.5 0 0 0 2.228 0l.79-1.776L9.293 11H6.707l-.61.61zm3.517-.439A5.5 5.5 0 0 0 11.775 12h-.95zM12.61 11c.44-.674.736-1.45.844-2.285L11.91 7.557l-1.015.338l-.823 2.47l.635.635zm.866-3.518a5.5 5.5 0 0 0-.53-1.892l-.367 1.22zm-1.244-2.995a5.5 5.5 0 0 0-1.875-1.458L8.5 4.268v1.084l2.092 1.59l1.004-.334zM6.088 7.68L6.86 10h2.28l.772-2.319L8 6.228z"/></svg>

React

import type { SVGProps } from "react";

export function FluentSportSoccer16Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M8 1.5a6.5 6.5 0 1 1 0 13a6.5 6.5 0 0 1 0-13M6.836 2.623L8 3.4l1.164-.776a5.5 5.5 0 0 0-2.328 0m-1.193.406a5.5 5.5 0 0 0-1.888 1.474l.647 2.104l1.006.335L7.5 5.352V4.268zM3.048 5.605a5.5 5.5 0 0 0-.518 1.813l.885-.619zm-.512 3.03c.1.865.4 1.67.853 2.365h1.904l.635-.635l-.823-2.47l-1.024-.341zM4.226 12c.403.382.865.703 1.37.948L5.177 12zm2.66 1.387a5.5 5.5 0 0 0 2.228 0l.79-1.776L9.293 11H6.707l-.61.61zm3.517-.439A5.5 5.5 0 0 0 11.775 12h-.95zM12.61 11c.44-.674.736-1.45.844-2.285L11.91 7.557l-1.015.338l-.823 2.47l.635.635zm.866-3.518a5.5 5.5 0 0 0-.53-1.892l-.367 1.22zm-1.244-2.995a5.5 5.5 0 0 0-1.875-1.458L8.5 4.268v1.084l2.092 1.59l1.004-.334zM6.088 7.68L6.86 10h2.28l.772-2.319L8 6.228z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M8 1.5a6.5 6.5 0 1 1 0 13a6.5 6.5 0 0 1 0-13M6.836 2.623L8 3.4l1.164-.776a5.5 5.5 0 0 0-2.328 0m-1.193.406a5.5 5.5 0 0 0-1.888 1.474l.647 2.104l1.006.335L7.5 5.352V4.268zM3.048 5.605a5.5 5.5 0 0 0-.518 1.813l.885-.619zm-.512 3.03c.1.865.4 1.67.853 2.365h1.904l.635-.635l-.823-2.47l-1.024-.341zM4.226 12c.403.382.865.703 1.37.948L5.177 12zm2.66 1.387a5.5 5.5 0 0 0 2.228 0l.79-1.776L9.293 11H6.707l-.61.61zm3.517-.439A5.5 5.5 0 0 0 11.775 12h-.95zM12.61 11c.44-.674.736-1.45.844-2.285L11.91 7.557l-1.015.338l-.823 2.47l.635.635zm.866-3.518a5.5 5.5 0 0 0-.53-1.892l-.367 1.22zm-1.244-2.995a5.5 5.5 0 0 0-1.875-1.458L8.5 4.268v1.084l2.092 1.59l1.004-.334zM6.088 7.68L6.86 10h2.28l.772-2.319L8 6.228z"/></svg>
</template>

CSS

.icon-sport-soccer-16-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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8%201.5a6.5%206.5%200%201%201%200%2013a6.5%206.5%200%200%201%200-13M6.836%202.623L8%203.4l1.164-.776a5.5%205.5%200%200%200-2.328%200m-1.193.406a5.5%205.5%200%200%200-1.888%201.474l.647%202.104l1.006.335L7.5%205.352V4.268zM3.048%205.605a5.5%205.5%200%200%200-.518%201.813l.885-.619zm-.512%203.03c.1.865.4%201.67.853%202.365h1.904l.635-.635l-.823-2.47l-1.024-.341zM4.226%2012c.403.382.865.703%201.37.948L5.177%2012zm2.66%201.387a5.5%205.5%200%200%200%202.228%200l.79-1.776L9.293%2011H6.707l-.61.61zm3.517-.439A5.5%205.5%200%200%200%2011.775%2012h-.95zM12.61%2011c.44-.674.736-1.45.844-2.285L11.91%207.557l-1.015.338l-.823%202.47l.635.635zm.866-3.518a5.5%205.5%200%200%200-.53-1.892l-.367%201.22zm-1.244-2.995a5.5%205.5%200%200%200-1.875-1.458L8.5%204.268v1.084l2.092%201.59l1.004-.334zM6.088%207.68L6.86%2010h2.28l.772-2.319L8%206.228z%22%2F%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8%201.5a6.5%206.5%200%201%201%200%2013a6.5%206.5%200%200%201%200-13M6.836%202.623L8%203.4l1.164-.776a5.5%205.5%200%200%200-2.328%200m-1.193.406a5.5%205.5%200%200%200-1.888%201.474l.647%202.104l1.006.335L7.5%205.352V4.268zM3.048%205.605a5.5%205.5%200%200%200-.518%201.813l.885-.619zm-.512%203.03c.1.865.4%201.67.853%202.365h1.904l.635-.635l-.823-2.47l-1.024-.341zM4.226%2012c.403.382.865.703%201.37.948L5.177%2012zm2.66%201.387a5.5%205.5%200%200%200%202.228%200l.79-1.776L9.293%2011H6.707l-.61.61zm3.517-.439A5.5%205.5%200%200%200%2011.775%2012h-.95zM12.61%2011c.44-.674.736-1.45.844-2.285L11.91%207.557l-1.015.338l-.823%202.47l.635.635zm.866-3.518a5.5%205.5%200%200%200-.53-1.892l-.367%201.22zm-1.244-2.995a5.5%205.5%200%200%200-1.875-1.458L8.5%204.268v1.084l2.092%201.59l1.004-.334zM6.088%207.68L6.86%2010h2.28l.772-2.319L8%206.228z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/sport-soccer-16-regular.svg?color=%231a73e8&size=48