Ícone Youtube
websymbol:youtube
O ícone Youtube (websymbol:youtube) é um ícone SVG gratuito da coleção Web Symbols Liga de Just Be Nice studio. Ele é desenhado em uma grade de 1000 × 1000. Web Symbols Liga icons são publicados sob a Open Font License, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Web Symbols Liga
- Autor
- Just Be Nice studio
- Licença
- OFL-1.1
- Tamanho
- 1000 × 1000
Código SVG
<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>
Como usar o ícone Youtube
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>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/websymbol/youtube.svg" alt="Ícone Youtube" width="24" height="24">
O ícone Youtube em outras coleções
Perguntas frequentes sobre Ícone Youtube
O ícone Youtube é grátis para uso comercial?
Sim. Web Symbols Liga icons são publicados sob a Open Font License, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Youtube no React?
Instale @iconify/react e renderize <Icon icon="websymbol:youtube" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Youtube a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/websymbol/youtube.svg" alt="Ícone Youtube">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Web Symbols Liga →
ICONYZ
