Ikon Antdesign
devicon:antdesign
Ikon Antdesign (devicon:antdesign) adalah ikon SVG gratis dari set Devicon karya konpa. Ikon ini digambar pada grid 128 × 128. Devicon 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="128" height="128" viewBox="0 0 128 128"><defs><linearGradient id="SVGIJijGdgR" x1=".621" x2="1.082" y1="0" y2=".379" gradientTransform="matrix(94.54297 0 0 127.17188 .418 .406)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4285eb"/><stop offset="1" stop-color="#2ec7ff"/></linearGradient><linearGradient id="SVGGZW4rdRg" x1=".696" x2=".54" y1="0" y2="1.085" gradientTransform="matrix(94.54297 0 0 127.17188 .418 .406)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#29cdff"/><stop offset=".379" stop-color="#148eff"/><stop offset="1" stop-color="#0a60ff"/></linearGradient><linearGradient id="SVGnlpTqcJA" x1=".697" x2=".167" y1="-.13" y2="1.174" gradientTransform="matrix(31.49219 0 0 49.5586 96.176 39.402)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fa816e"/><stop offset=".415" stop-color="#f74a5c"/><stop offset="1" stop-color="#f51d2c"/></linearGradient><linearGradient id="SVG1TM8A6Zf" x1=".681" x2=".304" y1="-.357" y2="1.149" gradientTransform="matrix(30.21094 0 0 30.1836 49.227 49.188)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fa8e7d"/><stop offset=".513" stop-color="#f74a5c"/><stop offset="1" stop-color="#f51d2c"/></linearGradient></defs><path fill="url(#SVGIJijGdgR)" d="M58.617 2.672L2.676 58.566a7.67 7.67 0 0 0 0 10.868l55.941 55.894a7.684 7.684 0 0 0 10.871 0l23.457-23.437a6.89 6.89 0 0 0 0-9.746a6.9 6.9 0 0 0-9.754 0l-17.78 17.765c-.75.75-1.888.75-2.634 0L18.102 65.277c-.747-.75-.747-1.886 0-2.632l44.675-44.637c.746-.746 1.883-.746 2.633 0l17.781 17.765a6.9 6.9 0 0 0 9.754 0a6.89 6.89 0 0 0 0-9.746L69.492 2.594c-3.02-2.938-7.879-2.914-10.875.078m0 0"/><path fill="url(#SVGGZW4rdRg)" d="M58.617 2.672L2.676 58.566a7.67 7.67 0 0 0 0 10.868l55.941 55.894a7.684 7.684 0 0 0 10.871 0l23.457-23.437a6.89 6.89 0 0 0 0-9.746a6.9 6.9 0 0 0-9.754 0l-17.78 17.765c-.75.75-1.888.75-2.634 0L18.102 65.277c-.747-.75-.747-1.886 0-2.632l44.675-44.637c1.864-1.606 4.903-4.86 9.371-5.621q4.977-.849 10.883 3.734q-3.948-3.948-13.539-13.527c-3.02-2.938-7.879-2.914-10.875.078m0 0"/><path fill="url(#SVGnlpTqcJA)" d="M98.36 86.945a6.9 6.9 0 0 0 9.753 0l17.301-17.285a7.667 7.667 0 0 0 0-10.863l-17.453-17.379a6.91 6.91 0 0 0-9.762.012a6.884 6.884 0 0 0 0 9.746l11.79 11.777a1.826 1.826 0 0 1 0 2.629l-11.63 11.621a6.88 6.88 0 0 0 0 9.742Zm0 0"/><path fill="url(#SVG1TM8A6Zf)" fill-rule="evenodd" d="M79.438 64.281c0-8.336-6.762-15.094-15.106-15.094c-8.34 0-15.105 6.758-15.105 15.094c0 8.332 6.765 15.09 15.105 15.09c8.344 0 15.106-6.758 15.106-15.09m0 0"/></svg>Cara memakai ikon Antdesign
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:antdesign" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:antdesign" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:antdesign" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--antdesign]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:antdesign"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:antdesign"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/devicon/antdesign.svg" alt="Ikon Antdesign" width="24" height="24">Ikon terkait di Devicon
Ikon Antdesign di set ikon lain
FAQ Ikon Antdesign
Apakah ikon Antdesign gratis untuk penggunaan komersial?
Ya. Devicon icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Antdesign di React?
Pasang @iconify/react lalu render <Icon icon="devicon:antdesign" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Antdesign ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/devicon/antdesign.svg" alt="Ikon Antdesign">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.