Ikon Yt
flagpack:yt
Ikon Yt (flagpack:yt) adalah ikon SVG gratis dari set Flagpack karya Yummygum. Ikon ini digambar pada grid 32 × 24. Flagpack icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="24" viewBox="0 0 32 24"><g fill="none"><path fill="#fff" d="M0 0h32v24H0z"/><path fill="#dfdfdf" d="M11.09 21.229c-.665.201-1.625.614-2.009.845c-.124.08-.112.171.08.513c.135.222.27.413.293.413c.034 0 .406-.15.824-.342c.417-.181.95-.42 1.196-.463a3 3 0 0 0 .465-.103c.043.093.016.041.094.186c.112.209.042.204.236.261c.203.06.706-.183.706-.183c.587-.181.914-.201 3.025-.201s2.438.02 3.024.211c0 0 .473.143.534.16c.06.018.092.031.155.018c.058-.013.12-.092.146-.14c0 0 .13-.278.163-.375c.112.048.317.11.515.166c.237.07.767.282 1.185.463c.418.191.79.342.824.342c.022 0 .158-.191.293-.413c.271-.473.294-.432-.688-.885c-1.31-.604-2.619-.876-2.743-.584c-.022.056-.042.088-.073.16c-.13-.027-.474-.1-.818-.15c-1.061-.17-3.973-.17-5.034 0c-.344.05-.577.135-.771.183c-.11-.197-.088-.119-.11-.174c-.09-.201-.688-.17-1.512.092"/><path fill="#171796" d="M12.05 8.793c-.023.328.045.56.223.736c.08.084.148.184.148.184s-.091.1-.167.176a.88.88 0 0 0-.25.644c0 .248.072.42.265.643c0 0 .163.082.16.184c-.005.102-.175.204-.175.204c-.349.408-.337.876.027 1.264l.155.172h7.136l.175-.196q.505-.572.003-1.228s-.168-.12-.17-.22s.159-.2.159-.2c.349-.44.341-.843-.019-1.267c-.163-.188-.167-.224-.038-.312c.209-.148.337-.648.243-.952c-.14-.456-.743-.76-1.11-.56a2.5 2.5 0 0 0-.308.22c-.102.088-.197.156-.216.156c-.015 0-.106-.072-.2-.16c-.368-.332-.81-.372-1.178.004c0 0-.053.201-.13.208s-.186-.18-.186-.18c-.375-.372-.845-.356-1.228.036c0 0-.053.164-.14.144c-.086-.02-.158-.212-.158-.212c-.223-.216-.365-.212-.623-.216c-.148-.002-.417.034-.579.155c-.162.122-.134.267-.171.257c-.094-.025-.197-.176-.197-.176c-.364-.328-.656-.384-1.008-.188a.8.8 0 0 0-.444.68"/><path fill="#d42e12" d="M12.285 14.492s.145.07.14.161s-.16.181-.16.181a1.5 1.5 0 0 0-.211.311a.91.91 0 0 0 .208.941c.144.146.148.205.011.378c-.06.075-.132.181-.159.236c-.284.56.14 1.26.77 1.26c.25 0 .44-.083.61-.272c.137-.15.209-.153.33-.02c.178.205.413.331.61.331c.232 0 .376-.075.61-.307c0 0 .094-.182.179-.18c.085 0 .163.184.163.184c.352.394.709.406 1.183.032c0 0 .104-.152.193-.15s.167.157.167.157c.208.19.364.264.569.264s.356-.082.595-.326c0 0 .123-.186.197-.197s.151.141.151.141c.292.272.451.359.664.359c.22 0 .375-.075.595-.28c.205-.193.315-.417.288-.602c-.026-.2-.2-.567-.33-.693c0 0-.129-.011-.11-.11c.02-.1.171-.2.171-.2c.371-.454.375-.804.008-1.253c0 0-.154-.088-.152-.189c.002-.1.16-.2.16-.2c.355-.437.352-.843-.008-1.24L19.533 13l-3.548.004l-3.548.004l-.16.185c-.371.429-.367.866.008 1.299"/><path fill="#e9d315" fill-rule="evenodd" d="M17.82 13.622c.172 0 .315.117.345.27l.006.06v.615l.735-.39a.337.337 0 0 1 .453.135a.33.33 0 0 1-.086.415l-.05.032l-.617.328l.617.327l.05.033a.33.33 0 0 1 .086.415a.337.337 0 0 1-.453.135l-.735-.39v.684a.34.34 0 0 1-.35.33a.345.345 0 0 1-.345-.27l-.005-.06v-.601l-.579.307a.337.337 0 0 1-.453-.135a.33.33 0 0 1 .086-.415l.05-.033l.617-.327l-.616-.328l-.05-.033a.33.33 0 0 1-.087-.415a.337.337 0 0 1 .453-.134l.579.307v-.532a.34.34 0 0 1 .35-.33m-3.4 0c.172 0 .315.117.345.27l.005.06v.615l.736-.39a.337.337 0 0 1 .453.135a.33.33 0 0 1-.086.415l-.05.032l-.617.328l.617.327l.05.033a.33.33 0 0 1 .086.415a.337.337 0 0 1-.453.135l-.736-.39v.684a.34.34 0 0 1-.35.33a.345.345 0 0 1-.344-.27l-.006-.06v-.601l-.578.307a.337.337 0 0 1-.453-.135a.33.33 0 0 1 .086-.415l.05-.033l.617-.327l-.617-.328l-.05-.033a.33.33 0 0 1-.086-.415a.337.337 0 0 1 .453-.134l.578.307v-.532a.34.34 0 0 1 .35-.33" clip-rule="evenodd"/><path stroke="#000" stroke-width=".3" d="M10.853 12.857h.15v.066a.25.25 0 0 1-.15-.066v.685l.008 4.811a.4.4 0 0 0 .101.303a.8.8 0 0 0 .144.123l.062.047l.093-.118l-.093.118c.09.07.243.127.42.172c.185.048.418.09.686.122c.535.063 1.217.087 1.94.03c.305.003.529.063.7.146c.173.083.3.194.406.31q.08.088.15.175l.003.004c.046.055.093.113.142.164c.098.103.225.201.404.201s.304-.099.4-.203c.048-.052.094-.112.139-.169l.003-.004q.065-.086.139-.172c.1-.115.219-.225.382-.308c.162-.082.376-.141.672-.144a20 20 0 0 0 2.04-.056c.262-.025.484-.057.658-.097c.164-.038.31-.088.4-.165l.007-.006a2 2 0 0 0 .096-.088a.7.7 0 0 0 .158-.236a.7.7 0 0 0 .034-.324V6.85H10.853z"/><path fill="#fff" d="M14.869 9.866c-.269.5-.28.724-.057 1.124c.174.308.378.503.658.628c.73.33 1.663.087 2.03-.529c.227-.378.2-1.009-.05-1.284l-.067-.074l-.064.218c-.091.31-.182.468-.363.634c-.34.311-.81.382-1.293.19c-.375-.151-.526-.36-.666-.94l-.034-.143z"/><path fill="#ff2500" fill-rule="evenodd" d="M18.479 3.5c0 .866-.624 1.5-1.5 1.5c-.878 0-1.496-.634-1.496-1.5c0-.87.618-1.5 1.495-1.5s1.5.63 1.5 1.5M6.523 4.953v-2.02l.893 2.02h.39l.872-2.02v2.02h.529V2.047h-.613l-.977 2.234l-.988-2.234H6v2.906zm3.703 0l.333-.805h1.242l.333.805h.56l-1.247-2.906h-.528L9.672 4.953zm.951-2.305l-.443 1.074h.887zm3.075 2.305v-1.16l1.178-1.746h-.58l-.857 1.302l-.86-1.302h-.598l1.173 1.746v1.16zm2.726-.393c-.57 0-.94-.445-.94-1.06s.37-1.06.94-1.06s.946.445.946 1.06s-.375 1.06-.946 1.06m3.286-2.077v2.47h-.55v-2.47h-1.077v-.436h2.705v.436zm3.022 2.47v-2.47h1.078v-.436h-2.705v.436h1.078v2.47zM27 4.513v.44h-2.119V2.047H27v.436h-1.58v.766h1.432v.43H25.42v.834z" clip-rule="evenodd"/><path fill="#dfdfdf" fill-rule="evenodd" stroke="#000" stroke-width=".3" d="M26.777 18.8s-.34-.67.52-1s1.28.1 1.658.5c.38.401.338 1.61.338 1.61l-.936 1.496l-2.872.594l-1.144-.594L23 18.8l.1-2.559s.136-.98.136-1.183s.623-1.775.623-1.775l.59-.585l1.67-.888l.785-.392l.976-1.233l-.108-.982l-1.112 1.416h-.942l-.98.411l-.397.373l-.482.015l-.189-.388l.527-.845l.795-.801l-.366-.677l.542-.247l-.104-.373l.6.373l.454-.373l.087-.343l-1.037-.556s1.014-.426 1.492-.381c.477.044.928.606.928.606l1.367-.225s-.366.899-.247.899h.86l-.276 1.116h1.06l-.784.86l.612.335l-.93.632l.93.626l-.865.568l.487.941l.767-.467l.431.585l-.649 1.44l-1.058.75l-1.01.255l-.987.256l-.392.257l-.244-.984l-1.668 1.143l-.866 1.794l.255 1.63l.61.834l1.127.403l1.47-.276l.768-.935l.184-.955s-.445-.648-.768-.594s-.995.5-.995.5Z" clip-rule="evenodd"/><path fill="#000" d="m25.082 12.225l-.037.398c1.155.107 1.918.05 2.317-.2l.08-.055l-.249-.313c-.243.193-.876.264-1.874.19zm-1.338 1.154l-.037.398c1.154.107 1.918.05 2.317-.199l.08-.056l-.25-.313c-.242.193-.875.265-1.873.19zm-.322 1.076l-.066.394c.68.115 1.106.062 1.25-.235l.03-.08l-.385-.11c-.02.071-.235.113-.674.055z"/><path fill="#000" fill-rule="evenodd" d="M25.75 9.5a.25.25 0 1 1 0-.5a.25.25 0 0 1 0 .5" clip-rule="evenodd"/><path fill="#dfdfdf" fill-rule="evenodd" stroke="#000" stroke-width=".3" d="M5.224 18.8s.34-.67-.52-1s-1.28.1-1.66.5c-.378.401-.336 1.61-.336 1.61l.935 1.496L6.515 22l1.144-.594L9 18.8l-.1-2.559s-.136-.98-.136-1.183s-.623-1.775-.623-1.775l-.59-.585l-1.67-.888l-.785-.392l-.976-1.233l.108-.982l1.112 1.416h.942l.98.411l.397.373l.482.015l.189-.388l-.527-.845l-.795-.801l.366-.677l-.542-.247l.105-.373l-.601.373l-.454-.373l-.086-.343l1.036-.556s-1.014-.426-1.492-.381c-.477.044-.928.606-.928.606l-1.367-.225s.366.899.247.899h-.86l.276 1.116h-1.06l.783.86l-.61.335l.93.632l-.93.626l.864.568l-.487.941l-.767-.467l-.431.585l.649 1.44l1.059.75l1.008.255l.988.256l.392.257l.244-.984L7.008 16.4l.866 1.794l-.255 1.63l-.61.834l-1.127.403l-1.47-.276l-.769-.935l-.183-.955s.445-.648.768-.594s.996.5.996.5Z" clip-rule="evenodd"/><path fill="#000" d="m6.918 12.225l.037.398c-1.155.107-1.918.05-2.317-.2l-.08-.055l.249-.313c.243.193.876.264 1.874.19zm1.338 1.154l.037.398c-1.154.107-1.918.05-2.317-.199l-.08-.056l.25-.313c.242.193.875.265 1.873.19zm.322 1.076l.066.394c-.68.115-1.106.062-1.25-.235l-.03-.08l.385-.11c.02.071.235.113.674.055z"/><path fill="#000" fill-rule="evenodd" d="M6.25 9.5a.25.25 0 1 0 0-.5a.25.25 0 0 0 0 .5" clip-rule="evenodd"/></g></svg>Cara memakai ikon Yt
React
import { Icon } from "@iconify/react";
<Icon icon="flagpack:yt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flagpack:yt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flagpack:yt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flagpack--yt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flagpack -->
<div class="i-flagpack:yt"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flagpack:yt"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/flagpack/yt.svg" alt="Ikon Yt" width="24" height="24">Ikon Yt di set ikon lain
FAQ Ikon Yt
Apakah ikon Yt gratis untuk penggunaan komersial?
Ya. Flagpack icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Yt di React?
Pasang @iconify/react lalu render <Icon icon="flagpack:yt" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Yt ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/flagpack/yt.svg" alt="Ikon Yt">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.