youtobe icon
youtobe from IconPark by ByteDance · Color · Brand · Apache-2.0 Free for personal and commercial use.
- Name
- youtobe
- Set
- IconPark
- Style
- Color
- Category
- Brand
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More brand icons from IconPark
Use the youtobe icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M44 32.7679V15.2321C44 13.9073 43.1298 12.7428 41.8448 12.4204C38.3687 11.5484 31.1843 10 24 10C16.8157 10 9.63134 11.5484 6.15517 12.4204C4.87016 12.7428 4 13.9073 4 15.2321V32.7679C4 34.0927 4.87016 35.2572 6.15517 35.5796C9.63133 36.4516 16.8157 38 24 38C31.1843 38 38.3687 36.4516 41.8448 35.5796C43.1298 35.2572 44 34.0927 44 32.7679Z"/><path fill="#43CCF8" stroke="#fff" stroke-linejoin="round" d="M22.5735 29.8986C21.9107 30.3625 21 29.8884 21 29.0793V18.9207C21 18.1116 21.9107 17.6375 22.5735 18.1014L29.8297 23.1808C30.3984 23.5789 30.3984 24.4211 29.8297 24.8192L22.5735 29.8986Z"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkYoutobe(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" strokeWidth="4"><path fill="#2F88FF" stroke="#000" d="M44 32.7679V15.2321C44 13.9073 43.1298 12.7428 41.8448 12.4204C38.3687 11.5484 31.1843 10 24 10C16.8157 10 9.63134 11.5484 6.15517 12.4204C4.87016 12.7428 4 13.9073 4 15.2321V32.7679C4 34.0927 4.87016 35.2572 6.15517 35.5796C9.63133 36.4516 16.8157 38 24 38C31.1843 38 38.3687 36.4516 41.8448 35.5796C43.1298 35.2572 44 34.0927 44 32.7679Z"/><path fill="#43CCF8" stroke="#fff" strokeLinejoin="round" d="M22.5735 29.8986C21.9107 30.3625 21 29.8884 21 29.0793V18.9207C21 18.1116 21.9107 17.6375 22.5735 18.1014L29.8297 23.1808C30.3984 23.5789 30.3984 24.4211 29.8297 24.8192L22.5735 29.8986Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M44 32.7679V15.2321C44 13.9073 43.1298 12.7428 41.8448 12.4204C38.3687 11.5484 31.1843 10 24 10C16.8157 10 9.63134 11.5484 6.15517 12.4204C4.87016 12.7428 4 13.9073 4 15.2321V32.7679C4 34.0927 4.87016 35.2572 6.15517 35.5796C9.63133 36.4516 16.8157 38 24 38C31.1843 38 38.3687 36.4516 41.8448 35.5796C43.1298 35.2572 44 34.0927 44 32.7679Z"/><path fill="#43CCF8" stroke="#fff" stroke-linejoin="round" d="M22.5735 29.8986C21.9107 30.3625 21 29.8884 21 29.0793V18.9207C21 18.1116 21.9107 17.6375 22.5735 18.1014L29.8297 23.1808C30.3984 23.5789 30.3984 24.4211 29.8297 24.8192L22.5735 29.8986Z"/></g></svg> </template>
CSS
.icon-youtobe {
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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke-width%3D%224%22%3E%3Cpath%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20d%3D%22M44%2032.7679V15.2321C44%2013.9073%2043.1298%2012.7428%2041.8448%2012.4204C38.3687%2011.5484%2031.1843%2010%2024%2010C16.8157%2010%209.63134%2011.5484%206.15517%2012.4204C4.87016%2012.7428%204%2013.9073%204%2015.2321V32.7679C4%2034.0927%204.87016%2035.2572%206.15517%2035.5796C9.63133%2036.4516%2016.8157%2038%2024%2038C31.1843%2038%2038.3687%2036.4516%2041.8448%2035.5796C43.1298%2035.2572%2044%2034.0927%2044%2032.7679Z%22%2F%3E%3Cpath%20fill%3D%22%2343CCF8%22%20stroke%3D%22%23fff%22%20stroke-linejoin%3D%22round%22%20d%3D%22M22.5735%2029.8986C21.9107%2030.3625%2021%2029.8884%2021%2029.0793V18.9207C21%2018.1116%2021.9107%2017.6375%2022.5735%2018.1014L29.8297%2023.1808C30.3984%2023.5789%2030.3984%2024.4211%2029.8297%2024.8192L22.5735%2029.8986Z%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke-width%3D%224%22%3E%3Cpath%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20d%3D%22M44%2032.7679V15.2321C44%2013.9073%2043.1298%2012.7428%2041.8448%2012.4204C38.3687%2011.5484%2031.1843%2010%2024%2010C16.8157%2010%209.63134%2011.5484%206.15517%2012.4204C4.87016%2012.7428%204%2013.9073%204%2015.2321V32.7679C4%2034.0927%204.87016%2035.2572%206.15517%2035.5796C9.63133%2036.4516%2016.8157%2038%2024%2038C31.1843%2038%2038.3687%2036.4516%2041.8448%2035.5796C43.1298%2035.2572%2044%2034.0927%2044%2032.7679Z%22%2F%3E%3Cpath%20fill%3D%22%2343CCF8%22%20stroke%3D%22%23fff%22%20stroke-linejoin%3D%22round%22%20d%3D%22M22.5735%2029.8986C21.9107%2030.3625%2021%2029.8884%2021%2029.0793V18.9207C21%2018.1116%2021.9107%2017.6375%2022.5735%2018.1014L29.8297%2023.1808C30.3984%2023.5789%2030.3984%2024.4211%2029.8297%2024.8192L22.5735%2029.8986Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park/youtobe.svg?color=%231a73e8&size=48
