youtube icon
youtube from Line Awesome by Icons8 · Line · Audio & Video · Apache-2.0 Free for personal and commercial use.
- Name
- youtube
- Set
- Line Awesome
- Style
- Line
- Category
- Audio & Video
- Viewbox
- 32×32
- License
- Apache 2.0
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 IconsyoutubeMaterial Line IconsyoutubeSVG LogosyoutubeLucideyoutubeMage IconsyoutubeMaterial Design Iconsyoutube-fillMingCute IconyoutubeMyna UI Icons
More audio & video icons from Line Awesome
Use the youtube icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 6c-3.766 0-7.094.39-9.125.688c-1.68.246-3.035 1.511-3.344 3.187C3.27 11.301 3 13.387 3 16s.27 4.7.531 6.125c.309 1.676 1.664 2.945 3.344 3.188c2.04.296 5.379.687 9.125.687s7.086-.39 9.125-.688c1.68-.242 3.035-1.511 3.344-3.187c.261-1.43.531-3.52.531-6.125s-.266-4.695-.531-6.125c-.309-1.676-1.664-2.941-3.344-3.188C23.094 6.391 19.765 6 16 6m0 2c3.633 0 6.879.371 8.844.656A1.97 1.97 0 0 1 26.5 10.25c.242 1.32.5 3.277.5 5.75c0 2.469-.258 4.43-.5 5.75a1.96 1.96 0 0 1-1.656 1.594C22.87 23.629 19.609 24 16 24c-3.61 0-6.875-.371-8.844-.656A1.96 1.96 0 0 1 5.5 21.75C5.258 20.43 5 18.477 5 16c0-2.48.258-4.43.5-5.75a1.96 1.96 0 0 1 1.656-1.594C9.117 8.371 12.367 8 16 8m-3 2.281V21.72l1.5-.844l7-4L23 16l-1.5-.875l-7-4zm2 3.438L18.969 16L15 18.281z"/></svg>
React
import type { SVGProps } from "react";
export function LaYoutube(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 6c-3.766 0-7.094.39-9.125.688c-1.68.246-3.035 1.511-3.344 3.187C3.27 11.301 3 13.387 3 16s.27 4.7.531 6.125c.309 1.676 1.664 2.945 3.344 3.188c2.04.296 5.379.687 9.125.687s7.086-.39 9.125-.688c1.68-.242 3.035-1.511 3.344-3.187c.261-1.43.531-3.52.531-6.125s-.266-4.695-.531-6.125c-.309-1.676-1.664-2.941-3.344-3.188C23.094 6.391 19.765 6 16 6m0 2c3.633 0 6.879.371 8.844.656A1.97 1.97 0 0 1 26.5 10.25c.242 1.32.5 3.277.5 5.75c0 2.469-.258 4.43-.5 5.75a1.96 1.96 0 0 1-1.656 1.594C22.87 23.629 19.609 24 16 24c-3.61 0-6.875-.371-8.844-.656A1.96 1.96 0 0 1 5.5 21.75C5.258 20.43 5 18.477 5 16c0-2.48.258-4.43.5-5.75a1.96 1.96 0 0 1 1.656-1.594C9.117 8.371 12.367 8 16 8m-3 2.281V21.72l1.5-.844l7-4L23 16l-1.5-.875l-7-4zm2 3.438L18.969 16L15 18.281z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 6c-3.766 0-7.094.39-9.125.688c-1.68.246-3.035 1.511-3.344 3.187C3.27 11.301 3 13.387 3 16s.27 4.7.531 6.125c.309 1.676 1.664 2.945 3.344 3.188c2.04.296 5.379.687 9.125.687s7.086-.39 9.125-.688c1.68-.242 3.035-1.511 3.344-3.187c.261-1.43.531-3.52.531-6.125s-.266-4.695-.531-6.125c-.309-1.676-1.664-2.941-3.344-3.188C23.094 6.391 19.765 6 16 6m0 2c3.633 0 6.879.371 8.844.656A1.97 1.97 0 0 1 26.5 10.25c.242 1.32.5 3.277.5 5.75c0 2.469-.258 4.43-.5 5.75a1.96 1.96 0 0 1-1.656 1.594C22.87 23.629 19.609 24 16 24c-3.61 0-6.875-.371-8.844-.656A1.96 1.96 0 0 1 5.5 21.75C5.258 20.43 5 18.477 5 16c0-2.48.258-4.43.5-5.75a1.96 1.96 0 0 1 1.656-1.594C9.117 8.371 12.367 8 16 8m-3 2.281V21.72l1.5-.844l7-4L23 16l-1.5-.875l-7-4zm2 3.438L18.969 16L15 18.281z"/></svg> </template>
CSS
.icon-youtube {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%206c-3.766%200-7.094.39-9.125.688c-1.68.246-3.035%201.511-3.344%203.187C3.27%2011.301%203%2013.387%203%2016s.27%204.7.531%206.125c.309%201.676%201.664%202.945%203.344%203.188c2.04.296%205.379.687%209.125.687s7.086-.39%209.125-.688c1.68-.242%203.035-1.511%203.344-3.187c.261-1.43.531-3.52.531-6.125s-.266-4.695-.531-6.125c-.309-1.676-1.664-2.941-3.344-3.188C23.094%206.391%2019.765%206%2016%206m0%202c3.633%200%206.879.371%208.844.656A1.97%201.97%200%200%201%2026.5%2010.25c.242%201.32.5%203.277.5%205.75c0%202.469-.258%204.43-.5%205.75a1.96%201.96%200%200%201-1.656%201.594C22.87%2023.629%2019.609%2024%2016%2024c-3.61%200-6.875-.371-8.844-.656A1.96%201.96%200%200%201%205.5%2021.75C5.258%2020.43%205%2018.477%205%2016c0-2.48.258-4.43.5-5.75a1.96%201.96%200%200%201%201.656-1.594C9.117%208.371%2012.367%208%2016%208m-3%202.281V21.72l1.5-.844l7-4L23%2016l-1.5-.875l-7-4zm2%203.438L18.969%2016L15%2018.281z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%206c-3.766%200-7.094.39-9.125.688c-1.68.246-3.035%201.511-3.344%203.187C3.27%2011.301%203%2013.387%203%2016s.27%204.7.531%206.125c.309%201.676%201.664%202.945%203.344%203.188c2.04.296%205.379.687%209.125.687s7.086-.39%209.125-.688c1.68-.242%203.035-1.511%203.344-3.187c.261-1.43.531-3.52.531-6.125s-.266-4.695-.531-6.125c-.309-1.676-1.664-2.941-3.344-3.188C23.094%206.391%2019.765%206%2016%206m0%202c3.633%200%206.879.371%208.844.656A1.97%201.97%200%200%201%2026.5%2010.25c.242%201.32.5%203.277.5%205.75c0%202.469-.258%204.43-.5%205.75a1.96%201.96%200%200%201-1.656%201.594C22.87%2023.629%2019.609%2024%2016%2024c-3.61%200-6.875-.371-8.844-.656A1.96%201.96%200%200%201%205.5%2021.75C5.258%2020.43%205%2018.477%205%2016c0-2.48.258-4.43.5-5.75a1.96%201.96%200%200%201%201.656-1.594C9.117%208.371%2012.367%208%2016%208m-3%202.281V21.72l1.5-.844l7-4L23%2016l-1.5-.875l-7-4zm2%203.438L18.969%2016L15%2018.281z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/youtube.svg?color=%231a73e8&size=48
