Youtube Logo Thin icon
ph:youtube-logo-thin
The Youtube Logo Thin icon (ph:youtube-logo-thin) is a free SVG icon from the Phosphor set by Phosphor Icons. It is drawn on a 256 × 256 grid. Phosphor icons are released under the MIT 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
- Phosphor
- Author
- Phosphor Icons
- License
- MIT
- Size
- 256 × 256
- Tags
- logos, google, videos, movies, social media, youtubelogo, logothin, youtubelogothin
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="m162.22 124.67l-48-32A4 4 0 0 0 108 96v64a4 4 0 0 0 2.11 3.53a4 4 0 0 0 4.11-.2l48-32a4 4 0 0 0 0-6.66M116 152.53v-49.06L152.79 128Zm114.46-82a20 20 0 0 0-12.06-13.68C184.6 43.79 130.27 44 128 44s-56.6-.21-90.4 12.85a20 20 0 0 0-12.06 13.67C23 80.27 20 98.16 20 128s3 47.73 5.54 57.48a20 20 0 0 0 12.06 13.67C71.4 212.21 125.73 212 128 212h.71c6.89 0 57.58-.43 89.72-12.85a20 20 0 0 0 12.06-13.67C233 175.72 236 157.84 236 128s-3-47.73-5.54-57.48Zm-7.74 113a12 12 0 0 1-7.21 8.22C183.14 204.19 128.57 204 128 204s-55.11.19-87.48-12.31a12 12 0 0 1-7.21-8.22C30.87 174.17 28 157 28 128s2.87-46.17 5.28-55.47a12 12 0 0 1 7.21-8.22C72.86 51.81 127.43 52 128 52s55.11-.2 87.48 12.31a12 12 0 0 1 7.21 8.22C225.13 81.83 228 99 228 128s-2.87 46.17-5.28 55.47Z"/></svg>How to use the Youtube Logo Thin icon
React
import { Icon } from "@iconify/react";
<Icon icon="ph:youtube-logo-thin" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:youtube-logo-thin" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:youtube-logo-thin" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--youtube-logo-thin]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:youtube-logo-thin"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:youtube-logo-thin"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ph/youtube-logo-thin.svg" alt="Youtube Logo Thin icon" width="24" height="24">Related icons in Phosphor
Youtube Logo Thin icon FAQ
Is the Youtube Logo Thin icon free for commercial use?
Yes. Phosphor icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Youtube Logo Thin icon in React?
Install @iconify/react and render <Icon icon="ph:youtube-logo-thin" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Youtube Logo Thin icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ph/youtube-logo-thin.svg" alt="Youtube Logo Thin icon">, or paste the SVG code inline to style it with CSS.