youtube icon
youtube-line from MingCute Icon by MingCute Design · Line · Apache-2.0 Free for personal and commercial use.
- Name
- youtube-line
- Set
- MingCute Icon
- Style
- Line
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
The same icon in other sets
youtube-fillAkar Iconsyoutube-filledAnt Design IconsyoutubeBootstrap IconsyoutubeBoxicons BrandsyoutubeCoreUI BrandsyoutubeFont Awesome 6 BrandsyoutubeFont Awesome BrandsyoutubeFeather Iconsyoutube-solidFlowbite Iconsyoutubecss.ggyoutubeHuge IconsyoutubeIconParkyoutubeIconPark OutlineyoutubeIconPark SolidyoutubeIconPark TwoToneyoutubeIconoiryoutubeJam IconsyoutubeLine AwesomeyoutubeMaterial Line IconsyoutubeSVG LogosyoutubeLucideyoutubeMage IconsyoutubeMaterial Design IconsyoutubeMyna UI Icons
Use the youtube icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="2" d="M3.232 7.808a2.8 2.8 0 0 1 2.58-2.523C7.481 5.149 9.815 5 12 5s4.52.15 6.188.285a2.8 2.8 0 0 1 2.58 2.523C20.887 9.03 21 10.572 21 12s-.113 2.97-.232 4.192a2.8 2.8 0 0 1-2.58 2.523C16.519 18.851 14.185 19 12 19s-4.52-.15-6.188-.285a2.8 2.8 0 0 1-2.58-2.523C3.113 14.97 3 13.428 3 12s.113-2.97.232-4.192Z"/><path fill="currentColor" d="M15.1 11.48a.6.6 0 0 1 0 1.04l-4.2 2.425a.6.6 0 0 1-.9-.52v-4.85a.6.6 0 0 1 .9-.52z"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteYoutubeLine(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeWidth="2" d="M3.232 7.808a2.8 2.8 0 0 1 2.58-2.523C7.481 5.149 9.815 5 12 5s4.52.15 6.188.285a2.8 2.8 0 0 1 2.58 2.523C20.887 9.03 21 10.572 21 12s-.113 2.97-.232 4.192a2.8 2.8 0 0 1-2.58 2.523C16.519 18.851 14.185 19 12 19s-4.52-.15-6.188-.285a2.8 2.8 0 0 1-2.58-2.523C3.113 14.97 3 13.428 3 12s.113-2.97.232-4.192Z"/><path fill="currentColor" d="M15.1 11.48a.6.6 0 0 1 0 1.04l-4.2 2.425a.6.6 0 0 1-.9-.52v-4.85a.6.6 0 0 1 .9-.52z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="2" d="M3.232 7.808a2.8 2.8 0 0 1 2.58-2.523C7.481 5.149 9.815 5 12 5s4.52.15 6.188.285a2.8 2.8 0 0 1 2.58 2.523C20.887 9.03 21 10.572 21 12s-.113 2.97-.232 4.192a2.8 2.8 0 0 1-2.58 2.523C16.519 18.851 14.185 19 12 19s-4.52-.15-6.188-.285a2.8 2.8 0 0 1-2.58-2.523C3.113 14.97 3 13.428 3 12s.113-2.97.232-4.192Z"/><path fill="currentColor" d="M15.1 11.48a.6.6 0 0 1 0 1.04l-4.2 2.425a.6.6 0 0 1-.9-.52v-4.85a.6.6 0 0 1 .9-.52z"/></svg> </template>
CSS
.icon-youtube-line {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20d%3D%22M3.232%207.808a2.8%202.8%200%200%201%202.58-2.523C7.481%205.149%209.815%205%2012%205s4.52.15%206.188.285a2.8%202.8%200%200%201%202.58%202.523C20.887%209.03%2021%2010.572%2021%2012s-.113%202.97-.232%204.192a2.8%202.8%200%200%201-2.58%202.523C16.519%2018.851%2014.185%2019%2012%2019s-4.52-.15-6.188-.285a2.8%202.8%200%200%201-2.58-2.523C3.113%2014.97%203%2013.428%203%2012s.113-2.97.232-4.192Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.1%2011.48a.6.6%200%200%201%200%201.04l-4.2%202.425a.6.6%200%200%201-.9-.52v-4.85a.6.6%200%200%201%20.9-.52z%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%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20d%3D%22M3.232%207.808a2.8%202.8%200%200%201%202.58-2.523C7.481%205.149%209.815%205%2012%205s4.52.15%206.188.285a2.8%202.8%200%200%201%202.58%202.523C20.887%209.03%2021%2010.572%2021%2012s-.113%202.97-.232%204.192a2.8%202.8%200%200%201-2.58%202.523C16.519%2018.851%2014.185%2019%2012%2019s-4.52-.15-6.188-.285a2.8%202.8%200%200%201-2.58-2.523C3.113%2014.97%203%2013.428%203%2012s.113-2.97.232-4.192Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.1%2011.48a.6.6%200%200%201%200%201.04l-4.2%202.425a.6.6%200%200%201-.9-.52v-4.85a.6.6%200%200%201%20.9-.52z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/youtube-line.svg?color=%231a73e8&size=48
