Youtube icon
websymbol:youtube
The Youtube icon (websymbol:youtube) is a free SVG icon from the Web Symbols Liga set by Just Be Nice studio. It is drawn on a 1000 × 1000 grid. Web Symbols Liga icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Web Symbols Liga
- Author
- Just Be Nice studio
- License
- OFL-1.1
- Size
- 1000 × 1000
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="1000" viewBox="0 0 1000 1000"><path fill="currentColor" d="M807 111v313h-64v-35q-37 39-74 39q-45 0-45-56V111h64v240q0 21 17 21t38-24V111zm-237 73v162q0 42-25 64t-68 22q-41 0-66.5-23.5T385 345V183q0-39 27.5-59.5T480 103q38 0 64 22t26 59m-65 167V180q0-10-9-16.5t-19-6.5t-18 6.5t-8 16.5v171q0 26 26 26q28 0 28-26M315 0h73l-55 165q-4 12-10 27.5t-10.5 28T305 248v176h-72V256q-2-12-29-85L147 0h73l46 169h5zm611 739q0 49-6 145q-4 50-38.5 79.5T797 995q-99 5-297 5q-199 0-297-5q-50-2-84.5-31.5T80 884q-6-96-6-145t6-145q4-50 38.5-79.5T203 483q98-5 297-5t297 5q50 2 84.5 31.5T920 594q6 96 6 145m-71 91v-19h-53q0 2 .5 13t0 15.5T800 851t-7 10t-14 3q-10 0-15.5-6t-6-12t-.5-17v-48h98v-64q0-35-19-55t-54-20q-34 0-56.5 20.5T703 717v113q0 36 19.5 57.5T778 909q77 0 77-79m-191 19V709q0-63-50-63q-25 0-46 23V559h-52v343h52v-20q22 23 49 23q47 0 47-56m-250 53h51V649h-51v192q-17 19-31 19q-13 0-13-17V649h-52v213q0 44 36 44q30 0 60-32zM258 609h61v-50H140v50h60v293h58zm544 105v28h-45v-28q0-27 23-27q22 0 22 27m-191-3v133q0 21-18 21q-14 0-25-11V696q10-10 22-10q21 0 21 25"/></svg>
How to use the Youtube icon
React
import { Icon } from "@iconify/react";
<Icon icon="websymbol:youtube" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="websymbol:youtube" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="websymbol:youtube" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[websymbol--youtube]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/websymbol -->
<div class="i-websymbol:youtube"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="websymbol:youtube"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/websymbol/youtube.svg" alt="Youtube icon" width="24" height="24">
Youtube icon in other icon sets
Youtube icon FAQ
Is the Youtube icon free for commercial use?
Yes. Web Symbols Liga icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Youtube icon in React?
Install @iconify/react and render <Icon icon="websymbol:youtube" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Youtube icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/websymbol/youtube.svg" alt="Youtube icon">, or paste the SVG code inline to style it with CSS.
Browse all Web Symbols Liga icons →
ICONYZ
