Icono Social Youtube Circular

typcn:social-youtube-circular

El icono Social Youtube Circular (typcn:social-youtube-circular) es un icono SVG gratuito de la colección Typicons de Stephen Hutchings. Está dibujado en una cuadrícula de 24 × 24. Typicons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: Typicons
Autor: Stephen Hutchings
Licencia: CC-BY-SA-4.0
Tamaño: 24 × 24
Etiquetas: socialyoutube, youtubecircular, socialyoutubecircular

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.48 13.14h.73v3.61h.7v-3.61h.73v-.61H8.48zM12.17 16c-.12.14-.53.42-.53.02v-2.39h-.62v2.61c0 .79.79.58 1.16.17v.34h.62v-3.12h-.62V16zm2.31-2.39c-.36 0-.59.27-.59.27v-1.36h-.63v4.23h.63v-.24s.21.28.59.28c.33 0 .58-.29.58-.69v-1.73c0-.47-.22-.76-.58-.76m-.07 2.41c0 .23-.16.34-.37.25a.5.5 0 0 1-.15-.11v-1.94c.04-.04.09-.07.13-.1c.22-.11.39.06.39.29zm2.31-.16c0 .24-.13.4-.28.41c-.16.01-.32-.12-.32-.41v-.59h1.19v-.8a.9.9 0 0 0-.26-.66a.92.92 0 0 0-.63-.24c-.22 0-.45.07-.63.21c-.19.15-.31.38-.31.69v1.4c0 .28.09.5.23.66c.17.18.4.28.64.29c.29.01.6-.11.78-.36c.11-.15.18-.35.18-.59v-.16h-.59zm-.6-1.39c0-.17.1-.37.29-.37s.31.18.31.37v.32h-.6z"/><path fill="currentColor" d="M12.97 3a9 9 0 1 0 .001 18.001A9 9 0 0 0 12.97 3m1.58 3.37h.8v2.68c0 .17.08.17.11.17c.12 0 .3-.13.39-.22V6.36h.8V9.9h-.8v-.31q-.165.15-.33.24c-.15.08-.29.11-.43.11a.52.52 0 0 1-.41-.17c-.09-.11-.13-.28-.13-.49zM12 7.3c0-.55.45-1 1-1s1 .45 1 1V9c0 .55-.45 1-1 1s-1-.45-1-1zM9.92 5.15l.48 1.76l.49-1.76h.91l-.94 2.78V9.9h-.89V7.93l-.96-2.78zm7.9 12.54c-.51.5-4.83.51-4.83.51s-4.31-.01-4.83-.51c-.51-.5-.51-2.99-.51-3.01c0-.01 0-2.5.51-3.01c.51-.5 4.83-.51 4.83-.51s4.31.01 4.83.51c.51.5.52 2.99.52 3.01c0 0 0 2.5-.52 3.01"/><path fill="currentColor" d="M12.98 9.35c.17 0 .25-.1.26-.26v-1.9c0-.13-.13-.24-.25-.24s-.25.1-.25.24v1.9c0 .15.07.25.24.26"/></svg>

Cómo usar el icono Social Youtube Circular

React

import { Icon } from "@iconify/react";

<Icon icon="typcn:social-youtube-circular" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="typcn:social-youtube-circular" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="typcn:social-youtube-circular" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[typcn--social-youtube-circular]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/typcn -->
<div class="i-typcn:social-youtube-circular"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="typcn:social-youtube-circular"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/typcn/social-youtube-circular.svg" alt="Icono Social Youtube Circular" width="24" height="24">

Iconos relacionados en Typicons

Preguntas frecuentes sobre Icono Social Youtube Circular

¿El icono Social Youtube Circular es gratis para uso comercial?

Sí. Typicons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia.

¿Cómo uso el icono Social Youtube Circular en React?

Instala @iconify/react y renderiza <Icon icon="typcn:social-youtube-circular" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Social Youtube Circular a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/typcn/social-youtube-circular.svg" alt="Icono Social Youtube Circular">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Typicons →