Youtube ikonu
zmdi:youtube
Youtube ikonu (zmdi:youtube), Material Design Iconic Font setinden ücretsiz bir SVG ikondur (yapımcı: MDI Community). 352 × 432 ızgara üzerinde çizilmiştir. Material Design Iconic Font 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
- Material Design Iconic Font
- Yazar
- MDI Community
- Lisans
- OFL-1.1
- Boyut
- 352 × 432
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="352" height="432" viewBox="0 0 352 432"><path fill="currentColor" d="M170 184q18 0 57.5 1t59.5 2q15 0 26 3q28 6 34 40q5 35 5 59q0 39-3 87q-1 12-7 25q-11 24-43 25q-103 3-152 3q-17 0-47.5-1T59 427t-22-4q-20-5-29-26q-6-17-8-52q-1-41 2-94q1-15 5-31q9-31 42-33q31 0 121-3m32 191q4 3 13 9q9 5 17.5 1t10.5-15q2-9 2-14v-60q0-8-3-15q-3-13-12-16.5t-20 4.5q-2 1-4.5 3.5L202 276v-50h-21v158h21q-1-4 0-9m-40 9V266h-22v83q0 8-6 12q-4 5-9 3q-3-1-3-7v-91h-22v99q0 3 1 9q4 16 20 11q4-1 13-7q2-1 6-6v12zm161-55q0-4 .5-11t.5-12.5t-1-10.5q-1-14-9-22t-21-9q-14-1-23.5 6.5T259 292q-3 33 0 67q2 15 14 22.5t28 3.5q13-3 19.5-15.5T323 343h-22q0 10-1 14q-1 9-9 9t-9-8q-1-9-2-30q16 1 43 1m-220-80v-23H29v23h24v135h25V249zM247 44v93q0 6 4 7q3 1 7-2q7-5 7-14V44h22v119h-22v-12l-5 5q-8 6-11 7q-8 4-14.5.5T226 152q-1-4-1-7V45q7-1 22-1M66 3h22q2 0 4 4q10 34 14 51q0 1 2 3q4-18 9-32q1-3 3-10.5T123 7q1-3 4-4h22q0 1-1 4q-1 1-1 2q-4 14-13 42t-13 42q-2 6-2 10v59H96q0-3-.5-8.5T95 144t1-8q2-36-13-78q-9-27-17-55m142 101v11l-.5 13l-1.5 11q-1 11-10 18.5t-21 7.5t-20-7.5t-11-18.5q-1-7-1-21q0-38 1-49q4-27 31-27q26 0 31 27q0 1 .5 2.5t.5 2.5q0 5 .5 15t.5 15m-41-1v28q0 6 1 8q4 5 8 5t8-5q1-2 1-8V70q-1-7-9-7q-7 0-9 7q-1 2-1 6t.5 13t.5 14m39 222v-31q0-9 11-9q8 0 8 7v67q-1 7-8 7q-11-1-11-9q-1-16 0-32m93-14h-20q0-4 .5-10.5t.5-10.5q1-6 9-6q7 0 8 6q2 10 2 21"/></svg>
Youtube ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="zmdi:youtube" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="zmdi:youtube" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="zmdi:youtube" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--youtube]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:youtube"></div>
Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="zmdi:youtube"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/zmdi/youtube.svg" alt="Youtube ikonu" width="24" height="24">
Material Design Iconic Font setindeki benzer ikonlar
Diğer ikon setlerinde Youtube ikonu
Youtube ikonu: sık sorulan sorular
Youtube ikonu ticari kullanım için ücretsiz mi?
Evet. Material Design Iconic Font 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="zmdi: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/zmdi/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: Material Design Iconic Font ikonları →
ICONYZ
