Ikon Xd
devicon-plain:xd
Ikon Xd (devicon-plain:xd) adalah ikon SVG gratis dari set Devicon Plain karya konpa. Ikon ini digambar pada grid 128 × 128. Devicon Plain 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
- Devicon Plain
- Pembuat
- konpa
- Lisensi
- MIT
- Ukuran
- 128 × 128
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="currentColor" d="M22.666 1.6C10.133 1.6 0 11.734 0 24.268v79.464C0 116.266 10.133 126.4 22.666 126.4h82.668c12.533 0 22.666-10.134 22.666-22.668V24.268C128 11.734 117.867 1.6 105.334 1.6zm75.041 27.36h10.826c.267-.053.48.16.533.373v50.879c0 .96.054 2.028.108 3.201c.106 1.12.16 2.185.213 3.092c0 .373-.16.694-.534.854a40.7 40.7 0 0 1-8.693 2.56c-2.72.48-5.44.746-8.213.746c-3.946.053-7.893-.745-11.467-2.398c-3.36-1.547-6.134-4.108-8.054-7.254c-1.974-3.254-2.932-7.307-2.932-12.16A21.9 21.9 0 0 1 72.426 57.6c2.026-3.467 4.96-6.346 8.48-8.266c3.734-2.08 8.214-3.094 13.494-3.094c.267 0 .64 0 1.12.053s1.014.054 1.654.108V29.547c0-.373.16-.586.533-.586zm-78.08 4.64h12.105c.267 0 .535.054.748.107c.214.107.374.267.534.48c1.013 2.294 2.185 4.586 3.412 6.88c1.28 2.293 2.508 4.533 3.842 6.773a118 118 0 0 1 3.572 6.773h.107a208 208 0 0 1 3.467-6.88a413 413 0 0 1 3.625-6.72c1.227-2.24 2.4-4.533 3.574-6.72c.054-.213.16-.427.32-.533c.214-.107.427-.159.694-.106h11.254a.49.49 0 0 1 .586.373c.053.054-.054.267-.16.373l-16 26.4l17.066 28c.107.214.16.426.107.64c-.053.213-.268.054-.588.107H55.68c-.853 0-1.44-.053-1.813-.586c-1.12-2.24-2.294-4.428-3.414-6.668c-1.12-2.187-2.347-4.425-3.627-6.719a811 811 0 0 1-3.84-6.933h-.105c-1.12 2.293-2.348 4.585-3.574 6.879c-1.227 2.293-2.454 4.586-3.627 6.826c-1.227 2.24-2.453 4.534-3.68 6.72c-.213.534-.64.588-1.227.588H19.04c-.213 0-.373.107-.373-.16a.74.74 0 0 1 .107-.588L35.36 61.707L19.2 34.346c-.16-.214-.212-.427-.105-.533c.106-.16.32-.213.533-.213zm74.346 22.56c-2.08 0-4.16.427-6.026 1.387a11.96 11.96 0 0 0-4.533 3.947c-1.173 1.707-1.76 4-1.76 6.774a14.9 14.9 0 0 0 .906 5.492c.534 1.44 1.334 2.72 2.4 3.787a9.2 9.2 0 0 0 3.626 2.133c1.44.48 2.934.693 4.428.693c.8 0 1.547-.052 2.24-.105c.693.053 1.28-.055 1.92-.268V56.533a14 14 0 0 0-1.442-.265c-.586-.054-1.173-.108-1.76-.108z"/></svg>Cara memakai ikon Xd
React
import { Icon } from "@iconify/react";
<Icon icon="devicon-plain:xd" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon-plain:xd" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon-plain:xd" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon-plain--xd]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon-plain -->
<div class="i-devicon-plain:xd"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon-plain:xd"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/devicon-plain/xd.svg" alt="Ikon Xd" width="24" height="24">Ikon Xd di set ikon lain
FAQ Ikon Xd
Apakah ikon Xd gratis untuk penggunaan komersial?
Ya. Devicon Plain icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Xd di React?
Pasang @iconify/react lalu render <Icon icon="devicon-plain:xd" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Xd ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/devicon-plain/xd.svg" alt="Ikon Xd">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.