play icon
play-outline from Solar by 480 Design · Outline · Video · CC-BY-4.0 Attribution required.
- Name
- play-outline
- Set
- Solar
- Style
- Outline
- Category
- Video
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
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
More video icons from Solar
album-boldcamera-add-boldcamera-boldcamera-minimalistic-boldcamera-off-boldcamera-rotate-boldcamera-square-boldclapperboard-boldclapperboard-edit-boldclapperboard-open-boldclapperboard-open-play-boldclapperboard-play-boldclapperboard-text-boldfull-screen-boldfull-screen-circle-boldfull-screen-square-boldgallery-add-boldgallery-boldgallery-check-boldgallery-circle-boldgallery-download-boldgallery-edit-boldgallery-favorite-boldgallery-minimalistic-bold
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" fill-rule="evenodd" d="M7.23832 3.04445C5.65196 2.1818 3.75 3.31957 3.75 5.03299L3.75 18.9672C3.75 20.6806 5.65196 21.8184 7.23832 20.9557L20.0503 13.9886C21.6499 13.1188 21.6499 10.8814 20.0503 10.0116L7.23832 3.04445ZM2.25 5.03299C2.25 2.12798 5.41674 0.346438 7.95491 1.72669L20.7669 8.6938C23.411 10.1317 23.411 13.8685 20.7669 15.3064L7.95491 22.2735C5.41674 23.6537 2.25 21.8722 2.25 18.9672L2.25 5.03299Z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function SolarPlayOutline(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" fillRule="evenodd" d="M7.23832 3.04445C5.65196 2.1818 3.75 3.31957 3.75 5.03299L3.75 18.9672C3.75 20.6806 5.65196 21.8184 7.23832 20.9557L20.0503 13.9886C21.6499 13.1188 21.6499 10.8814 20.0503 10.0116L7.23832 3.04445ZM2.25 5.03299C2.25 2.12798 5.41674 0.346438 7.95491 1.72669L20.7669 8.6938C23.411 10.1317 23.411 13.8685 20.7669 15.3064L7.95491 22.2735C5.41674 23.6537 2.25 21.8722 2.25 18.9672L2.25 5.03299Z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M7.23832 3.04445C5.65196 2.1818 3.75 3.31957 3.75 5.03299L3.75 18.9672C3.75 20.6806 5.65196 21.8184 7.23832 20.9557L20.0503 13.9886C21.6499 13.1188 21.6499 10.8814 20.0503 10.0116L7.23832 3.04445ZM2.25 5.03299C2.25 2.12798 5.41674 0.346438 7.95491 1.72669L20.7669 8.6938C23.411 10.1317 23.411 13.8685 20.7669 15.3064L7.95491 22.2735C5.41674 23.6537 2.25 21.8722 2.25 18.9672L2.25 5.03299Z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-play-outline {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M7.23832%203.04445C5.65196%202.1818%203.75%203.31957%203.75%205.03299L3.75%2018.9672C3.75%2020.6806%205.65196%2021.8184%207.23832%2020.9557L20.0503%2013.9886C21.6499%2013.1188%2021.6499%2010.8814%2020.0503%2010.0116L7.23832%203.04445ZM2.25%205.03299C2.25%202.12798%205.41674%200.346438%207.95491%201.72669L20.7669%208.6938C23.411%2010.1317%2023.411%2013.8685%2020.7669%2015.3064L7.95491%2022.2735C5.41674%2023.6537%202.25%2021.8722%202.25%2018.9672L2.25%205.03299Z%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M7.23832%203.04445C5.65196%202.1818%203.75%203.31957%203.75%205.03299L3.75%2018.9672C3.75%2020.6806%205.65196%2021.8184%207.23832%2020.9557L20.0503%2013.9886C21.6499%2013.1188%2021.6499%2010.8814%2020.0503%2010.0116L7.23832%203.04445ZM2.25%205.03299C2.25%202.12798%205.41674%200.346438%207.95491%201.72669L20.7669%208.6938C23.411%2010.1317%2023.411%2013.8685%2020.7669%2015.3064L7.95491%2022.2735C5.41674%2023.6537%202.25%2021.8722%202.25%2018.9672L2.25%205.03299Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/play-outline.svg?color=%231a73e8&size=48
