Sport Cricket Bat icon (Filled & Regular)

The Sport Cricket Bat icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.

Use the Sport Cricket Bat icon in React

Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.

npm install @fluentui/react-icons

import { SportCricketBat24Regular, SportCricketBat24Filled } from "@fluentui/react-icons";

export function Example() {
  return <SportCricketBat24Regular aria-label="Sport Cricket Bat" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_sport_cricket_bat_24_regular.svg" width="24" height="24" alt="Sport Cricket Bat">

Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.731 2.73216C18.7072 1.75603 20.2899 1.75651 21.2662 2.73216C22.2425 3.70845 22.2424 5.29099 21.2662 6.2673L17.6607 9.87276C17.2391 10.2945 17.0018 10.8673 17.0015 11.4636V11.7233L16.9908 11.946C16.9395 12.4609 16.7113 12.9452 16.3423 13.3141L8.31894 21.3376C7.44024 22.2159 6.01491 22.2161 5.13633 21.3376L2.66173 18.863C1.78375 17.9844 1.78372 16.5598 2.66173 15.6813L10.6842 7.6589C11.1058 7.23732 11.6784 6.99993 12.275 6.99972H12.5318C13.1282 6.9996 13.7008 6.76221 14.1226 6.34054L17.731 2.73216ZM14.0953 8.15694C13.6094 8.3799 13.0766 8.49965 12.5318 8.49971H12.275C12.0766 8.49991 11.8853 8.57886 11.7447 8.71944L3.72227 16.7419C3.42994 17.0346 3.43007 17.5096 3.72227 17.8024L6.19688 20.277C6.48967 20.5698 6.96548 20.5696 7.25839 20.277L15.2818 12.2536C15.3873 12.1481 15.458 12.0139 15.4869 11.8698L15.5015 11.7233V11.4636C15.5017 10.9202 15.6205 10.3888 15.8423 9.90401L14.0953 8.15694ZM20.2056 3.7927C19.815 3.4027 19.1818 3.40245 18.7916 3.7927L15.3218 7.26241L16.7359 8.67647L20.2056 5.20676C20.5961 4.81623 20.5961 4.18321 20.2056 3.7927Z" fill="currentColor"/></svg>

Use it from the SVG package

Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:

npm install @fluentui/svg-icons

import icon from "@fluentui/svg-icons/icons/sport_cricket_bat_24_regular.svg";

Details

Name	Sport Cricket Bat
Styles	Regular (outlined), Filled
Size	24 × 24 px (scalable SVG)
Regular (outlined) file	`ic_fluent_sport_cricket_bat_24_regular.svg`
Filled file	`ic_fluent_sport_cricket_bat_24_filled.svg`
React components	`SportCricketBat24Regular, SportCricketBat24Filled`
License	MIT (© Microsoft Corporation)

Sport Cricket Bat icon

Use the Sport Cricket Bat icon in React

Use it in HTML

Use it from the SVG package

Details

Related icons