play icon
play-sharp-fill from Keyline Icons by Keyline Icons · Sharp Fill · MIT Free for personal and commercial use.
- Name
- play-sharp-fill
- Set
- Keyline Icons
- Style
- Sharp Fill
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
playAkar IconsplayBootstrap IconsplayBoxIcons v2playCarbonplayCodiconsplayFramework7 IconsplayFont Awesome 6 SolidplayFont Awesome SolidplayFeather Iconsplay-outlineFlowbite Iconsplay-12-filledFluent UI System IconsplayHeroIconsplayHuge IconsplayHumbleiconsplayIconParkplayIconPark OutlineplayIconPark SolidplayIconPark TwoToneplayIconoirplayIonIconsplayJam IconsplayLine AwesomeplayMaterial Line IconsplaySVG Logos
Use the play icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.5547 3.1679L18.5547 11.1679C18.8329 11.3534 19 11.6656 19 12C19 12.3344 18.8329 12.6466 18.5547 12.8321L6.5547 20.8321C6.2478 21.0366 5.8533 21.0557 5.5281 20.8817C5.203 20.7077 5 20.3688 5 20L5 4C5 3.6312 5.203 3.2923 5.5281 3.1183C5.8533 2.9443 6.2478 2.9634 6.5547 3.1679Z"/></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsPlaySharpFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.5547 3.1679L18.5547 11.1679C18.8329 11.3534 19 11.6656 19 12C19 12.3344 18.8329 12.6466 18.5547 12.8321L6.5547 20.8321C6.2478 21.0366 5.8533 21.0557 5.5281 20.8817C5.203 20.7077 5 20.3688 5 20L5 4C5 3.6312 5.203 3.2923 5.5281 3.1183C5.8533 2.9443 6.2478 2.9634 6.5547 3.1679Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.5547 3.1679L18.5547 11.1679C18.8329 11.3534 19 11.6656 19 12C19 12.3344 18.8329 12.6466 18.5547 12.8321L6.5547 20.8321C6.2478 21.0366 5.8533 21.0557 5.5281 20.8817C5.203 20.7077 5 20.3688 5 20L5 4C5 3.6312 5.203 3.2923 5.5281 3.1183C5.8533 2.9443 6.2478 2.9634 6.5547 3.1679Z"/></svg> </template>
CSS
.icon-play-sharp-fill {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.5547%203.1679L18.5547%2011.1679C18.8329%2011.3534%2019%2011.6656%2019%2012C19%2012.3344%2018.8329%2012.6466%2018.5547%2012.8321L6.5547%2020.8321C6.2478%2021.0366%205.8533%2021.0557%205.5281%2020.8817C5.203%2020.7077%205%2020.3688%205%2020L5%204C5%203.6312%205.203%203.2923%205.5281%203.1183C5.8533%202.9443%206.2478%202.9634%206.5547%203.1679Z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.5547%203.1679L18.5547%2011.1679C18.8329%2011.3534%2019%2011.6656%2019%2012C19%2012.3344%2018.8329%2012.6466%2018.5547%2012.8321L6.5547%2020.8321C6.2478%2021.0366%205.8533%2021.0557%205.5281%2020.8817C5.203%2020.7077%205%2020.3688%205%2020L5%204C5%203.6312%205.203%203.2923%205.5281%203.1183C5.8533%202.9443%206.2478%202.9634%206.5547%203.1679Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/play-sharp-fill.svg?color=%231a73e8&size=48
