ICONYZ
Bahasa Indonesia
Ikon Devicon dari theSVG

Ikon Devicon

thesvg:devicon

Ikon Devicon (thesvg:devicon) adalah ikon SVG gratis dari set theSVG karya thesvg.org. Ikon ini digambar pada grid 128 × 128. theSVG 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
Pembuat
thesvg.org
Lisensi
MIT
Ukuran
128 × 128
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="currentColor" d="M64 7.83H4.77l10.18 87.3l49 25h.06l49.07-25l10.15-87.3zm42.77 54.86c0 .88 0 1.67-.77 2L73.25 80.44l-2.42 1.13l-.27-3.15v-6.19l.24-1.57l1.09-.47l23.18-10.38l-21.54-9.6l-9.18 18.13l-5.45 10.53l-1.22 2.27l-2.05-.9L22 64.71a2.42 2.42 0 0 1-1.45-2v-5.8a2.39 2.39 0 0 1 1.42-2l34-15.73l3.21-1.44v9.66l.24 1.34l-1.56.7l-23.41 10.35l21.85 9.63l8.05-16l6.21-12.65l1.13-2.28l1.81.91L106 54.89c.73.35.76 1.14.76 2z"/></svg>

Cara memakai ikon Devicon

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg:devicon" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg:devicon" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg:devicon" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--devicon]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:devicon"></div>

Web component

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

<iconify-icon icon="thesvg:devicon"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/thesvg/devicon.svg" alt="Ikon Devicon" width="24" height="24">

Ikon Devicon di set ikon lain

FAQ Ikon Devicon

Apakah ikon Devicon gratis untuk penggunaan komersial?

Ya. theSVG icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Devicon di React?

Pasang @iconify/react lalu render <Icon icon="thesvg:devicon" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Devicon ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg/devicon.svg" alt="Ikon Devicon">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon theSVG →