ICONYZ
Bahasa Indonesia
Ikon Deer dari IconPark

Ikon Deer

icon-park:deer

Ikon Deer (icon-park:deer) adalah ikon SVG gratis dari set IconPark karya ByteDance. Ikon ini digambar pada grid 48 × 48. IconPark icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
IconPark
Pembuat
ByteDance
Lisensi
Apache-2.0
Ukuran
48 × 48
Kategori
Hewan
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#2F88FF" stroke="#000" stroke-width="4" d="M36 27C36 34.2165 30.6274 44 24 44C17.3726 44 12 34.2165 12 27C12 19.7835 13.5 16 24 16C34.5 16 36 19.7835 36 27Z"/><ellipse fill="#2F88FF" stroke="#000" stroke-width="4" rx="5" ry="3.5" transform="scale(1 -1)rotate(45 40.625 38.327)"/><ellipse cx="9" cy="17.5" fill="#2F88FF" stroke="#000" stroke-width="4" rx="5" ry="3.5" transform="rotate(45 9 17.5)"/><path stroke="#000" stroke-linecap="round" stroke-width="4" d="M12 4C12 10.6274 17.3726 16 24 16C30.6274 16 36 10.6274 36 4"/><path stroke="#000" stroke-linecap="round" stroke-width="4" d="M18 7C18 11.9706 20.6863 16 24 16C27.3137 16 30 11.9706 30 7"/><circle cx="20" cy="26" r="2" fill="#fff"/><circle cx="24" cy="34" r="2" fill="#fff"/><circle cx="28" cy="26" r="2" fill="#fff"/></g></svg>

Cara memakai ikon Deer

React

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

<Icon icon="icon-park:deer" width="24" />

Vue

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

<template>
  <Icon icon="icon-park:deer" width="24" />
</template>

Svelte

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

<Icon icon="icon-park:deer" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:deer"></div>

Web component

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

<iconify-icon icon="icon-park:deer"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/icon-park/deer.svg" alt="Ikon Deer" width="24" height="24">

Ikon Deer di set ikon lain

FAQ Ikon Deer

Apakah ikon Deer gratis untuk penggunaan komersial?

Ya. IconPark icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Deer di React?

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

Bagaimana cara menambahkan ikon Deer ke halaman web?

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

Lihat semua Ikon IconPark →