play circle icon
play-circle-line-duotone from Solar by 480 Design · Line Duotone · Video · CC-BY-4.0 Attribution required.
- Name
- play-circle-line-duotone
- Set
- Solar
- Style
- Line Duotone
- Category
- Video
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
play-circle-filledAnt Design Iconsplay-circleBootstrap Iconsplay-circleBoxIcons v2play-circleCodiconsplay-circle-fillEva Iconsplay-circleFramework7 Iconsplay-circleFont Awesome Regularplay-circleFont Awesome Solidplay-circleFeather Iconsplay-circle-16-filledFluent UI System Iconsplay-circleHeroIconsplay-circleHuge Iconsplay-circleIonIconsplay-circleJam Iconsplay-circleLine Awesomeplay-circleMage Iconsplay-circleMajesticonsplay-circleMaterial Symbolsplay-circleMaterial Symbols Lightplay-circleMaterial Design Iconsplay-circle-fillMingCute Iconplay-circleMyna UI Iconsplay-circlePhosphorplay-circlePrime Icons
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 circle icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="12" cy="12" r="10" opacity=".5"/><path d="M13.8876 9.9348C14.9625 10.8117 15.5 11.2501 15.5 12C15.5 12.7499 14.9625 13.1883 13.8876 14.0652C13.5909 14.3073 13.2966 14.5352 13.0261 14.7251C12.7888 14.8917 12.5201 15.064 12.2419 15.2332C11.1695 15.8853 10.6333 16.2114 10.1524 15.8504C9.6715 15.4894 9.62779 14.7336 9.54038 13.2222C9.51566 12.7947 9.5 12.3757 9.5 12C9.5 11.6243 9.51566 11.2053 9.54038 10.7778C9.62779 9.26636 9.6715 8.51061 10.1524 8.1496C10.6333 7.78859 11.1695 8.11466 12.2419 8.76679C12.5201 8.93597 12.7888 9.10831 13.0261 9.27492C13.2966 9.46483 13.5909 9.69274 13.8876 9.9348Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarPlayCircleLineDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><circle cx="12" cy="12" r="10" opacity=".5"/><path d="M13.8876 9.9348C14.9625 10.8117 15.5 11.2501 15.5 12C15.5 12.7499 14.9625 13.1883 13.8876 14.0652C13.5909 14.3073 13.2966 14.5352 13.0261 14.7251C12.7888 14.8917 12.5201 15.064 12.2419 15.2332C11.1695 15.8853 10.6333 16.2114 10.1524 15.8504C9.6715 15.4894 9.62779 14.7336 9.54038 13.2222C9.51566 12.7947 9.5 12.3757 9.5 12C9.5 11.6243 9.51566 11.2053 9.54038 10.7778C9.62779 9.26636 9.6715 8.51061 10.1524 8.1496C10.6333 7.78859 11.1695 8.11466 12.2419 8.76679C12.5201 8.93597 12.7888 9.10831 13.0261 9.27492C13.2966 9.46483 13.5909 9.69274 13.8876 9.9348Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="12" cy="12" r="10" opacity=".5"/><path d="M13.8876 9.9348C14.9625 10.8117 15.5 11.2501 15.5 12C15.5 12.7499 14.9625 13.1883 13.8876 14.0652C13.5909 14.3073 13.2966 14.5352 13.0261 14.7251C12.7888 14.8917 12.5201 15.064 12.2419 15.2332C11.1695 15.8853 10.6333 16.2114 10.1524 15.8504C9.6715 15.4894 9.62779 14.7336 9.54038 13.2222C9.51566 12.7947 9.5 12.3757 9.5 12C9.5 11.6243 9.51566 11.2053 9.54038 10.7778C9.62779 9.26636 9.6715 8.51061 10.1524 8.1496C10.6333 7.78859 11.1695 8.11466 12.2419 8.76679C12.5201 8.93597 12.7888 9.10831 13.0261 9.27492C13.2966 9.46483 13.5909 9.69274 13.8876 9.9348Z"/></g></svg> </template>
CSS
.icon-play-circle-line-duotone {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M13.8876%209.9348C14.9625%2010.8117%2015.5%2011.2501%2015.5%2012C15.5%2012.7499%2014.9625%2013.1883%2013.8876%2014.0652C13.5909%2014.3073%2013.2966%2014.5352%2013.0261%2014.7251C12.7888%2014.8917%2012.5201%2015.064%2012.2419%2015.2332C11.1695%2015.8853%2010.6333%2016.2114%2010.1524%2015.8504C9.6715%2015.4894%209.62779%2014.7336%209.54038%2013.2222C9.51566%2012.7947%209.5%2012.3757%209.5%2012C9.5%2011.6243%209.51566%2011.2053%209.54038%2010.7778C9.62779%209.26636%209.6715%208.51061%2010.1524%208.1496C10.6333%207.78859%2011.1695%208.11466%2012.2419%208.76679C12.5201%208.93597%2012.7888%209.10831%2013.0261%209.27492C13.2966%209.46483%2013.5909%209.69274%2013.8876%209.9348Z%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M13.8876%209.9348C14.9625%2010.8117%2015.5%2011.2501%2015.5%2012C15.5%2012.7499%2014.9625%2013.1883%2013.8876%2014.0652C13.5909%2014.3073%2013.2966%2014.5352%2013.0261%2014.7251C12.7888%2014.8917%2012.5201%2015.064%2012.2419%2015.2332C11.1695%2015.8853%2010.6333%2016.2114%2010.1524%2015.8504C9.6715%2015.4894%209.62779%2014.7336%209.54038%2013.2222C9.51566%2012.7947%209.5%2012.3757%209.5%2012C9.5%2011.6243%209.51566%2011.2053%209.54038%2010.7778C9.62779%209.26636%209.6715%208.51061%2010.1524%208.1496C10.6333%207.78859%2011.1695%208.11466%2012.2419%208.76679C12.5201%208.93597%2012.7888%209.10831%2013.0261%209.27492C13.2966%209.46483%2013.5909%209.69274%2013.8876%209.9348Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/play-circle-line-duotone.svg?color=%231a73e8&size=48
