ICONYZ
Türkçe
Web Symbols Liga setinden Youtube ikonu

Youtube ikonu

websymbol:youtube

Youtube ikonu (websymbol:youtube), Web Symbols Liga setinden ücretsiz bir SVG ikondur (yapımcı: Just Be Nice studio). 1000 × 1000 ızgara üzerinde çizilmiştir. Web Symbols Liga icons, Open Font License ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti
Web Symbols Liga
Yazar
Just Be Nice studio
Lisans
OFL-1.1
Boyut
1000 × 1000
SVG indir

SVG kodu

<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>

Youtube ikonu nasıl kullanılır

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 bileşeni

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

<iconify-icon icon="websymbol:youtube"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/websymbol/youtube.svg" alt="Youtube ikonu" width="24" height="24">

Diğer ikon setlerinde Youtube ikonu

Youtube ikonu: sık sorulan sorular

Youtube ikonu ticari kullanım için ücretsiz mi?

Evet. Web Symbols Liga icons, Open Font License ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Youtube ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="websymbol:youtube" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Youtube ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/websymbol/youtube.svg" alt="Youtube ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Web Symbols Liga ikonları →