Ikon Playdate
thesvg-color:playdate
Ikon Playdate (thesvg-color:playdate) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 497 × 101. theSVG Color 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.
- Set ikon
- theSVG Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 497 × 101
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="497" height="101" viewBox="0 0 497 101"><g fill="#ffb71b"><path d="M44.4 14.7c-11 0-15.4 5.7-18.5 9.7v-8.3H0v78h25.9v-22c2.3 2.8 7 8.7 17.7 8.7c15.7 0 27.3-13.6 27.3-33.8c0-17-9.3-32.3-26.5-32.3M32.9 64.1c-3.4 0-5.3-1.5-6.9-2.6V34.3c2.4-1.5 4.3-2.5 7.1-2.5c7.9 0 10.8 7.6 10.8 16.1c-.1 12.1-6.1 16.2-11 16.2M75.6 0h26.1v78.3H75.6zm96.8 78.3V40.5c0-6.8-.1-16.1-10.4-22.7c-2-1.4-7.8-5-20.2-5c-18.4 0-26.4 8.3-31.9 14.5l7.7 6.5c3.3-3.3 7.9-7.9 15.9-7.9c1.8 0 5.2.1 8.4 2.7c4.4 3.6 4.5 8.7 4.5 12.3c-3.4-1.1-8.3-2.7-15.1-2.7c-13.6 0-24.6 7.7-24.6 21.4c0 11.1 7.4 20.4 20.5 20.4c11.3 0 16-5.9 19.1-10.1v8.3h26.1zm-34.1-13.2c-4.2 0-6.6-3.3-6.6-6.7c0-3.1 2-7.6 9-7.6c2.2 0 3.6.3 5.7.8v9.2c-2.2 2.3-4.3 4.3-8.1 4.3"/><path d="M219.2 16.2c-7.5 21.3-8.3 23.6-11.2 34.2c-2-10.4-6-22.9-9.5-34.2H171L194.6 73c-5.6 9.9-10.1 17.7-23.5 18.6v9.7c8 .1 19 .1 28.1-5.7s13.4-15.5 16.7-22.9L240 16.2zm61.8 5.9c-2.8-3.5-7.3-9-18.2-9c-17.7 0-26.9 16.1-26.9 34.1c0 17.7 9.2 32.6 26.4 32.6c11.6 0 16.2-6.5 18.7-10V78h26V.6h-26zm0 37.9c-2.3 1.2-4.2 2.4-7.4 2.4c-7.3 0-10.8-6.8-10.8-15.5c0-11 4.9-16.8 11-16.8c3.2 0 5.1 1.2 7.1 2.6V60zm86.6-42.3c-2-1.4-7.8-5-20.2-5c-18.4 0-26.4 8.3-31.9 14.5l7.7 6.5c3.3-3.3 7.9-7.9 15.9-7.9c1.8 0 5.2.1 8.4 2.7c4.4 3.6 4.5 8.7 4.5 12.3c-3.4-1.1-8.3-2.7-15.1-2.7c-13.6 0-24.6 7.7-24.6 21.4c0 11.1 7.4 20.4 20.5 20.4c11.3 0 16-5.9 19.1-10.1v8.3H378V40.3c0-6.8-.1-16.1-10.4-22.6M352 60.6c-2.2 2.3-4.3 4.3-8 4.3c-4.2 0-6.6-3.3-6.6-6.7c0-3.1 2-7.6 9-7.6c2.2 0 3.6.3 5.7.8v9.2zm70.2 6.1c-7.3 0-7.3-6.8-7.3-9.5v-21h10.8V21.4H415V6.2h-26v15.2h-6.9v14.8h6.9v22.2c0 5.3.3 11.3 5.2 16.2c4.3 4.2 10.5 5.9 16.4 5.9c9.4 0 14.8-3.6 18.6-6l-3.1-8.4c-1.3.4-2.5.6-3.9.6m48.5-.6c-3.9 0-7.3-.8-10.5-3.2c-4.5-3.2-5.3-7.1-5.9-10.8h42.3c0-8 0-24.7-15-34c-4.4-2.8-10.9-5.2-19.4-5.2c-20.4 0-33.9 14-33.9 33.6c0 19.4 13.3 33.3 35.2 33.3c19 0 27.5-11.8 30.6-16.1l-6.8-5.9c-3 3.2-8.1 8.3-16.6 8.3m-8-39.2c8.3 0 8.7 8.6 9 12.5h-18.2c.5-4.4 1.6-12.5 9.2-12.5"/></g></svg>Cara memakai ikon Playdate
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:playdate" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:playdate" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:playdate" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--playdate]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:playdate"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:playdate"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/playdate.svg" alt="Ikon Playdate" width="24" height="24">Ikon Playdate di set ikon lain
FAQ Ikon Playdate
Apakah ikon Playdate gratis untuk penggunaan komersial?
Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Playdate di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:playdate" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Playdate ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/playdate.svg" alt="Ikon Playdate">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.