play logo
play from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- play
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 512×266
- License
- CC0
The same logo 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 IconsplayLucide
Use the play logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 266"><path fill="#92d13d" d="M7.533 14.629L14.3 7.86C24.671-2.402 41.592-1.747 51.09 9.28l93.666 109.168c8.188 9.497 8.079 23.58-.218 32.969L51.2 257.2c-9.607 10.808-26.31 11.353-36.571 1.092l-6.769-6.769c-9.17-9.17-9.825-23.799-1.528-33.842l55.894-67.03c7.642-9.17 7.751-22.38.328-31.768L5.786 47.924C-2.293 38.1-1.528 23.69 7.533 14.63"/><path fill="#49691f" d="M62.117 150.87L6.223 217.9c-8.297 9.935-7.642 24.672 1.528 33.842l6.768 6.769c10.262 10.262 26.965 9.716 36.572-1.092l20.196-22.925c7.642-15.065 11.9-32.096 11.9-50.108c0-22.27-6.55-42.904-17.686-60.261c4.148 8.515 3.057 19.104-3.384 26.746m130.674 63.645h-21.724V88.208h21.724v13.21c3.057-8.843 14.083-15.175 29.148-15.175q19.323 0 32.423 13.755c8.843 9.061 13.21 20.306 13.21 33.843c0 13.536-4.367 24.78-13.21 34.06c-8.733 9.061-19.54 13.537-32.423 13.537c-15.065 0-26.09-6.332-29.148-15.174zm6.332-100.544c-5.24 5.24-7.97 12.008-7.97 19.978c0 7.969 2.73 14.628 7.97 19.978c5.459 5.24 12.118 7.969 19.978 7.969s14.083-2.73 19.214-7.97c5.24-5.24 7.75-12.008 7.75-19.977s-2.51-14.629-7.75-19.978c-5.022-5.24-11.463-7.97-19.214-7.97s-14.52 2.73-19.978 7.97m75.981-60.698h21.725v96.396c0 8.843 2.948 12.663 10.917 12.663c2.51 0 4.694-.218 6.55-.764v19.432c-2.51.764-6.004 1.092-10.371 1.092c-19.214 0-28.82-9.825-28.82-29.585zm112.771 48.143V88.208H409.6v63.754c0 7.751 1.856 10.699 6.66 10.699c1.31 0 2.947-.218 4.584-.328v17.577c-2.401.873-6.004 1.419-10.698 1.419c-5.24 0-9.389-.874-12.664-2.948c-4.039-2.729-6.55-6.332-7.423-11.026c-6.332 9.607-16.812 14.301-31.331 14.301c-12.882 0-23.69-4.476-32.642-13.755c-8.733-9.28-13.1-20.524-13.1-34.06s4.367-24.782 13.1-33.843c8.843-9.279 19.76-13.755 32.642-13.755c14.628 0 25.654 6.55 29.147 15.174m-6.55 52.401c5.459-5.24 8.188-12.008 8.188-19.977q0-11.955-8.188-19.978c-5.24-5.24-12.008-7.97-19.76-7.97c-7.75 0-14.082 2.73-19.431 7.97c-5.022 5.24-7.642 12.008-7.642 19.978c0 7.969 2.511 14.628 7.642 19.977c5.24 5.24 11.572 7.97 19.432 7.97s14.52-2.73 19.76-7.97m47.052 43.995c2.73.874 6.113 1.42 10.153 1.42c3.493 0 6.004-.765 7.969-1.966c1.965-1.2 3.82-4.039 5.24-7.75l2.402-6.55l-38.21-94.759h21.834l26.856 68.885l25.218-68.885h21.943l-40.94 106.222c-2.729 7.096-6.004 12.554-9.825 16.266c-5.458 5.022-12.663 7.642-21.943 7.642c-4.039 0-7.641-.546-10.698-1.42z"/></svg>
React
import type { SVGProps } from "react";
export function LogosPlay(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 266"><path fill="#92d13d" d="M7.533 14.629L14.3 7.86C24.671-2.402 41.592-1.747 51.09 9.28l93.666 109.168c8.188 9.497 8.079 23.58-.218 32.969L51.2 257.2c-9.607 10.808-26.31 11.353-36.571 1.092l-6.769-6.769c-9.17-9.17-9.825-23.799-1.528-33.842l55.894-67.03c7.642-9.17 7.751-22.38.328-31.768L5.786 47.924C-2.293 38.1-1.528 23.69 7.533 14.63"/><path fill="#49691f" d="M62.117 150.87L6.223 217.9c-8.297 9.935-7.642 24.672 1.528 33.842l6.768 6.769c10.262 10.262 26.965 9.716 36.572-1.092l20.196-22.925c7.642-15.065 11.9-32.096 11.9-50.108c0-22.27-6.55-42.904-17.686-60.261c4.148 8.515 3.057 19.104-3.384 26.746m130.674 63.645h-21.724V88.208h21.724v13.21c3.057-8.843 14.083-15.175 29.148-15.175q19.323 0 32.423 13.755c8.843 9.061 13.21 20.306 13.21 33.843c0 13.536-4.367 24.78-13.21 34.06c-8.733 9.061-19.54 13.537-32.423 13.537c-15.065 0-26.09-6.332-29.148-15.174zm6.332-100.544c-5.24 5.24-7.97 12.008-7.97 19.978c0 7.969 2.73 14.628 7.97 19.978c5.459 5.24 12.118 7.969 19.978 7.969s14.083-2.73 19.214-7.97c5.24-5.24 7.75-12.008 7.75-19.977s-2.51-14.629-7.75-19.978c-5.022-5.24-11.463-7.97-19.214-7.97s-14.52 2.73-19.978 7.97m75.981-60.698h21.725v96.396c0 8.843 2.948 12.663 10.917 12.663c2.51 0 4.694-.218 6.55-.764v19.432c-2.51.764-6.004 1.092-10.371 1.092c-19.214 0-28.82-9.825-28.82-29.585zm112.771 48.143V88.208H409.6v63.754c0 7.751 1.856 10.699 6.66 10.699c1.31 0 2.947-.218 4.584-.328v17.577c-2.401.873-6.004 1.419-10.698 1.419c-5.24 0-9.389-.874-12.664-2.948c-4.039-2.729-6.55-6.332-7.423-11.026c-6.332 9.607-16.812 14.301-31.331 14.301c-12.882 0-23.69-4.476-32.642-13.755c-8.733-9.28-13.1-20.524-13.1-34.06s4.367-24.782 13.1-33.843c8.843-9.279 19.76-13.755 32.642-13.755c14.628 0 25.654 6.55 29.147 15.174m-6.55 52.401c5.459-5.24 8.188-12.008 8.188-19.977q0-11.955-8.188-19.978c-5.24-5.24-12.008-7.97-19.76-7.97c-7.75 0-14.082 2.73-19.431 7.97c-5.022 5.24-7.642 12.008-7.642 19.978c0 7.969 2.511 14.628 7.642 19.977c5.24 5.24 11.572 7.97 19.432 7.97s14.52-2.73 19.76-7.97m47.052 43.995c2.73.874 6.113 1.42 10.153 1.42c3.493 0 6.004-.765 7.969-1.966c1.965-1.2 3.82-4.039 5.24-7.75l2.402-6.55l-38.21-94.759h21.834l26.856 68.885l25.218-68.885h21.943l-40.94 106.222c-2.729 7.096-6.004 12.554-9.825 16.266c-5.458 5.022-12.663 7.642-21.943 7.642c-4.039 0-7.641-.546-10.698-1.42z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 266"><path fill="#92d13d" d="M7.533 14.629L14.3 7.86C24.671-2.402 41.592-1.747 51.09 9.28l93.666 109.168c8.188 9.497 8.079 23.58-.218 32.969L51.2 257.2c-9.607 10.808-26.31 11.353-36.571 1.092l-6.769-6.769c-9.17-9.17-9.825-23.799-1.528-33.842l55.894-67.03c7.642-9.17 7.751-22.38.328-31.768L5.786 47.924C-2.293 38.1-1.528 23.69 7.533 14.63"/><path fill="#49691f" d="M62.117 150.87L6.223 217.9c-8.297 9.935-7.642 24.672 1.528 33.842l6.768 6.769c10.262 10.262 26.965 9.716 36.572-1.092l20.196-22.925c7.642-15.065 11.9-32.096 11.9-50.108c0-22.27-6.55-42.904-17.686-60.261c4.148 8.515 3.057 19.104-3.384 26.746m130.674 63.645h-21.724V88.208h21.724v13.21c3.057-8.843 14.083-15.175 29.148-15.175q19.323 0 32.423 13.755c8.843 9.061 13.21 20.306 13.21 33.843c0 13.536-4.367 24.78-13.21 34.06c-8.733 9.061-19.54 13.537-32.423 13.537c-15.065 0-26.09-6.332-29.148-15.174zm6.332-100.544c-5.24 5.24-7.97 12.008-7.97 19.978c0 7.969 2.73 14.628 7.97 19.978c5.459 5.24 12.118 7.969 19.978 7.969s14.083-2.73 19.214-7.97c5.24-5.24 7.75-12.008 7.75-19.977s-2.51-14.629-7.75-19.978c-5.022-5.24-11.463-7.97-19.214-7.97s-14.52 2.73-19.978 7.97m75.981-60.698h21.725v96.396c0 8.843 2.948 12.663 10.917 12.663c2.51 0 4.694-.218 6.55-.764v19.432c-2.51.764-6.004 1.092-10.371 1.092c-19.214 0-28.82-9.825-28.82-29.585zm112.771 48.143V88.208H409.6v63.754c0 7.751 1.856 10.699 6.66 10.699c1.31 0 2.947-.218 4.584-.328v17.577c-2.401.873-6.004 1.419-10.698 1.419c-5.24 0-9.389-.874-12.664-2.948c-4.039-2.729-6.55-6.332-7.423-11.026c-6.332 9.607-16.812 14.301-31.331 14.301c-12.882 0-23.69-4.476-32.642-13.755c-8.733-9.28-13.1-20.524-13.1-34.06s4.367-24.782 13.1-33.843c8.843-9.279 19.76-13.755 32.642-13.755c14.628 0 25.654 6.55 29.147 15.174m-6.55 52.401c5.459-5.24 8.188-12.008 8.188-19.977q0-11.955-8.188-19.978c-5.24-5.24-12.008-7.97-19.76-7.97c-7.75 0-14.082 2.73-19.431 7.97c-5.022 5.24-7.642 12.008-7.642 19.978c0 7.969 2.511 14.628 7.642 19.977c5.24 5.24 11.572 7.97 19.432 7.97s14.52-2.73 19.76-7.97m47.052 43.995c2.73.874 6.113 1.42 10.153 1.42c3.493 0 6.004-.765 7.969-1.966c1.965-1.2 3.82-4.039 5.24-7.75l2.402-6.55l-38.21-94.759h21.834l26.856 68.885l25.218-68.885h21.943l-40.94 106.222c-2.729 7.096-6.004 12.554-9.825 16.266c-5.458 5.022-12.663 7.642-21.943 7.642c-4.039 0-7.641-.546-10.698-1.42z"/></svg> </template>
CSS
.icon-play {
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%20512%20266%22%3E%3Cpath%20fill%3D%22%2392d13d%22%20d%3D%22M7.533%2014.629L14.3%207.86C24.671-2.402%2041.592-1.747%2051.09%209.28l93.666%20109.168c8.188%209.497%208.079%2023.58-.218%2032.969L51.2%20257.2c-9.607%2010.808-26.31%2011.353-36.571%201.092l-6.769-6.769c-9.17-9.17-9.825-23.799-1.528-33.842l55.894-67.03c7.642-9.17%207.751-22.38.328-31.768L5.786%2047.924C-2.293%2038.1-1.528%2023.69%207.533%2014.63%22%2F%3E%3Cpath%20fill%3D%22%2349691f%22%20d%3D%22M62.117%20150.87L6.223%20217.9c-8.297%209.935-7.642%2024.672%201.528%2033.842l6.768%206.769c10.262%2010.262%2026.965%209.716%2036.572-1.092l20.196-22.925c7.642-15.065%2011.9-32.096%2011.9-50.108c0-22.27-6.55-42.904-17.686-60.261c4.148%208.515%203.057%2019.104-3.384%2026.746m130.674%2063.645h-21.724V88.208h21.724v13.21c3.057-8.843%2014.083-15.175%2029.148-15.175q19.323%200%2032.423%2013.755c8.843%209.061%2013.21%2020.306%2013.21%2033.843c0%2013.536-4.367%2024.78-13.21%2034.06c-8.733%209.061-19.54%2013.537-32.423%2013.537c-15.065%200-26.09-6.332-29.148-15.174zm6.332-100.544c-5.24%205.24-7.97%2012.008-7.97%2019.978c0%207.969%202.73%2014.628%207.97%2019.978c5.459%205.24%2012.118%207.969%2019.978%207.969s14.083-2.73%2019.214-7.97c5.24-5.24%207.75-12.008%207.75-19.977s-2.51-14.629-7.75-19.978c-5.022-5.24-11.463-7.97-19.214-7.97s-14.52%202.73-19.978%207.97m75.981-60.698h21.725v96.396c0%208.843%202.948%2012.663%2010.917%2012.663c2.51%200%204.694-.218%206.55-.764v19.432c-2.51.764-6.004%201.092-10.371%201.092c-19.214%200-28.82-9.825-28.82-29.585zm112.771%2048.143V88.208H409.6v63.754c0%207.751%201.856%2010.699%206.66%2010.699c1.31%200%202.947-.218%204.584-.328v17.577c-2.401.873-6.004%201.419-10.698%201.419c-5.24%200-9.389-.874-12.664-2.948c-4.039-2.729-6.55-6.332-7.423-11.026c-6.332%209.607-16.812%2014.301-31.331%2014.301c-12.882%200-23.69-4.476-32.642-13.755c-8.733-9.28-13.1-20.524-13.1-34.06s4.367-24.782%2013.1-33.843c8.843-9.279%2019.76-13.755%2032.642-13.755c14.628%200%2025.654%206.55%2029.147%2015.174m-6.55%2052.401c5.459-5.24%208.188-12.008%208.188-19.977q0-11.955-8.188-19.978c-5.24-5.24-12.008-7.97-19.76-7.97c-7.75%200-14.082%202.73-19.431%207.97c-5.022%205.24-7.642%2012.008-7.642%2019.978c0%207.969%202.511%2014.628%207.642%2019.977c5.24%205.24%2011.572%207.97%2019.432%207.97s14.52-2.73%2019.76-7.97m47.052%2043.995c2.73.874%206.113%201.42%2010.153%201.42c3.493%200%206.004-.765%207.969-1.966c1.965-1.2%203.82-4.039%205.24-7.75l2.402-6.55l-38.21-94.759h21.834l26.856%2068.885l25.218-68.885h21.943l-40.94%20106.222c-2.729%207.096-6.004%2012.554-9.825%2016.266c-5.458%205.022-12.663%207.642-21.943%207.642c-4.039%200-7.641-.546-10.698-1.42z%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%20512%20266%22%3E%3Cpath%20fill%3D%22%2392d13d%22%20d%3D%22M7.533%2014.629L14.3%207.86C24.671-2.402%2041.592-1.747%2051.09%209.28l93.666%20109.168c8.188%209.497%208.079%2023.58-.218%2032.969L51.2%20257.2c-9.607%2010.808-26.31%2011.353-36.571%201.092l-6.769-6.769c-9.17-9.17-9.825-23.799-1.528-33.842l55.894-67.03c7.642-9.17%207.751-22.38.328-31.768L5.786%2047.924C-2.293%2038.1-1.528%2023.69%207.533%2014.63%22%2F%3E%3Cpath%20fill%3D%22%2349691f%22%20d%3D%22M62.117%20150.87L6.223%20217.9c-8.297%209.935-7.642%2024.672%201.528%2033.842l6.768%206.769c10.262%2010.262%2026.965%209.716%2036.572-1.092l20.196-22.925c7.642-15.065%2011.9-32.096%2011.9-50.108c0-22.27-6.55-42.904-17.686-60.261c4.148%208.515%203.057%2019.104-3.384%2026.746m130.674%2063.645h-21.724V88.208h21.724v13.21c3.057-8.843%2014.083-15.175%2029.148-15.175q19.323%200%2032.423%2013.755c8.843%209.061%2013.21%2020.306%2013.21%2033.843c0%2013.536-4.367%2024.78-13.21%2034.06c-8.733%209.061-19.54%2013.537-32.423%2013.537c-15.065%200-26.09-6.332-29.148-15.174zm6.332-100.544c-5.24%205.24-7.97%2012.008-7.97%2019.978c0%207.969%202.73%2014.628%207.97%2019.978c5.459%205.24%2012.118%207.969%2019.978%207.969s14.083-2.73%2019.214-7.97c5.24-5.24%207.75-12.008%207.75-19.977s-2.51-14.629-7.75-19.978c-5.022-5.24-11.463-7.97-19.214-7.97s-14.52%202.73-19.978%207.97m75.981-60.698h21.725v96.396c0%208.843%202.948%2012.663%2010.917%2012.663c2.51%200%204.694-.218%206.55-.764v19.432c-2.51.764-6.004%201.092-10.371%201.092c-19.214%200-28.82-9.825-28.82-29.585zm112.771%2048.143V88.208H409.6v63.754c0%207.751%201.856%2010.699%206.66%2010.699c1.31%200%202.947-.218%204.584-.328v17.577c-2.401.873-6.004%201.419-10.698%201.419c-5.24%200-9.389-.874-12.664-2.948c-4.039-2.729-6.55-6.332-7.423-11.026c-6.332%209.607-16.812%2014.301-31.331%2014.301c-12.882%200-23.69-4.476-32.642-13.755c-8.733-9.28-13.1-20.524-13.1-34.06s4.367-24.782%2013.1-33.843c8.843-9.279%2019.76-13.755%2032.642-13.755c14.628%200%2025.654%206.55%2029.147%2015.174m-6.55%2052.401c5.459-5.24%208.188-12.008%208.188-19.977q0-11.955-8.188-19.978c-5.24-5.24-12.008-7.97-19.76-7.97c-7.75%200-14.082%202.73-19.431%207.97c-5.022%205.24-7.642%2012.008-7.642%2019.978c0%207.969%202.511%2014.628%207.642%2019.977c5.24%205.24%2011.572%207.97%2019.432%207.97s14.52-2.73%2019.76-7.97m47.052%2043.995c2.73.874%206.113%201.42%2010.153%201.42c3.493%200%206.004-.765%207.969-1.966c1.965-1.2%203.82-4.039%205.24-7.75l2.402-6.55l-38.21-94.759h21.834l26.856%2068.885l25.218-68.885h21.943l-40.94%20106.222c-2.729%207.096-6.004%2012.554-9.825%2016.266c-5.458%205.022-12.663%207.642-21.943%207.642c-4.039%200-7.641-.546-10.698-1.42z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/play.svg?color=%231a73e8&size=48
