Ikon Pug
logos:pug
Ikon Pug (logos:pug) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 256 × 256. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 256 × 256
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><circle cx="128" cy="128" r="128" fill="#f2f2f2"/><path fill="#ed1c24" d="M166.493 203.683a113.23 113.23 0 0 1-78.29 0c-2.327-.838-4.188-3.584-4.188-5.958v-6.097c0-2.374 1.861-3.538 4.189-2.7a113.23 113.23 0 0 0 78.29 0c2.326-.838 4.188.326 4.188 2.7v6.097c-.046 2.374-1.908 5.12-4.189 5.958"/><path fill="#c1272d" d="M166.493 196.236c-25.274 12.94-53.015 12.94-78.29 0c-2.327-1.164-4.188-4.98-4.188-8.285v-8.425c0-3.305 1.861-4.934 4.189-3.724c25.274 12.94 53.015 12.94 78.29 0c2.326-1.163 4.188.42 4.188 3.724v8.425c-.046 3.304-1.908 7.121-4.189 8.285"/><g transform="translate(117.76 202.938)"><circle cx="9.588" cy="3.91" r="3.584" fill="#c1272d"/><circle cx="9.588" cy="3.398" r="3.072" fill="#ff931e"/><circle cx="10.473" cy="4.468" r="1.071" fill="#ffb81e"/><circle cx="9.588" cy="15.546" r="9.588" fill="#ff931e"/><circle cx="9.588" cy="15.639" r="8.611" fill="#ffb81e"/><path fill="#ff931e" d="M12.102 12.893c.512.466.791 1.117.791 2.048s-.28 1.583-.791 2.048c-.559.419-1.35.652-2.467.652h-.978v2.094H6.982v-7.494h2.653c1.117 0 1.955.187 2.467.652m-1.21 2.932q.279-.348.279-.977c0-.419-.14-.745-.372-.93c-.28-.187-.652-.28-1.21-.28h-.932v2.513h1.118c.558 0 .93-.093 1.117-.326"/></g><path fill="#f7bd89" d="M205.033 140.474c2.327 31.884-32.163 60.51-77.22 60.463c-45.009.046-79.545-28.58-77.218-60.463c2.327-31.977 37.004-58.368 77.312-58.414c40.355.046 74.752 26.437 77.126 58.414"/><path fill="#fbd5a0" d="M127.674 77.591c-42.356 0-81.687 29.836-74.24 75.264c1.49 4.19 3.957 15.081 15.733 24.716c3.537 2.886 9.634 5.306 12.52 3.351c7.401-5.027-5.725-19.456 9.263-32.768h-.326c8.145-6.19 19.689-11.124 36.957-11.124s28.812 4.934 36.957 11.124h-.326c14.988 13.312 1.909 27.741 9.263 32.768c2.886 1.955 9.03-.465 12.52-3.351c11.777-9.635 14.29-20.527 15.78-24.716c7.447-45.475-31.744-75.264-74.1-75.264"/><path d="M164.12 153.041c-7.122-8.75-20.62-17.221-36.306-17.221h-.186c-15.733 0-29.23 8.47-36.306 17.221c-7.354 8.937-4.7 12.754-4.7 21.318c0 31 10.844 21.97 18.152 25.693c7.447 3.63 14.987 2.328 22.9 2.328h.14c7.913 0 15.453 1.303 22.9-2.374c7.261-3.724 18.153 5.4 18.153-25.6c-.047-8.518 2.606-12.428-4.748-21.365"/><g transform="translate(62.37 123.81)"><circle cx="13.033" cy="15.453" r="12.986" fill="#f7bd89"/><circle cx="14.196" cy="13.265" r="12.986"/><circle cx="17.501" cy="7.447" r="3.351" fill="#fff"/></g><g transform="translate(165.702 123.81)"><circle cx="13.964" cy="15.453" r="12.986" fill="#f7bd89"/><circle cx="13.219" cy="13.265" r="12.986"/><circle cx="16.524" cy="7.447" r="3.351" fill="#fff"/></g><path fill="#f7bd89" d="M100.352 89.228s-43.985 7.587-45.754 60.136c-.047.792-.885 1.304-1.583.885l-1.396-.838l-1.07-13.778l2-28.113l18.34-13.545l16.477-6.656zm54.598 0s43.985 7.587 45.754 60.136c.047.792.884 1.304 1.583.885l1.396-.838l1.07-13.778l-2.001-28.113l-18.339-13.545l-16.477-6.656z"/><path fill="#4d4d4d" d="M126.753 182.81V156.3h1.936v26.447c2.853.335 6.56 1.993 10.11 3.062c3.677 1.304 7.214 1.816 5.818 2.002c-4.841.186-10.147-1.63-16.664-1.536c-6.562-.093-11.869 1.722-16.663 1.536c-1.396-.233 2.141-.745 5.818-2.002c3.366-1.013 6.837-2.557 9.645-3m13.116-35.447c1.536 3.398-3.77 8.937-12.195 8.937s-13.73-5.54-12.195-8.937c1.49-3.491 6.842-4.608 12.195-4.655c5.353.047 10.706 1.164 12.195 4.655"/><path d="M100.352 89.228s-51.805 7.168-47.337 58.6c.233 2.607-10.333-11.124-18.525-15.313c-8.192-4.19-7.913-17.734-7.913-17.734s-.14-23.598 32.955-30.58c33.047-6.936 40.82 5.027 40.82 5.027m54.598 0s51.805 7.168 47.337 58.6c-.233 2.607 10.333-11.124 18.525-15.313c8.192-4.19 7.912-17.734 7.912-17.734s.14-23.598-32.954-30.58c-33.047-6.936-40.82 5.027-40.82 5.027"/><path fill="#f7bd89" d="M127.72 126.278c-16.104 0-32.395 15.825-28.997 14.057c6.284-3.305 9.914-9.123 28.998-9.123c19.083 0 22.667 5.818 28.998 9.123c3.397 1.768-12.894-14.057-28.998-14.057"/><path fill="#f7bd89" d="M127.72 119.343c-12.24 0-24.575 12.008-22.015 10.658c4.794-2.513 10.938-6.935 22.016-6.935s17.222 4.422 22.016 6.935c2.56 1.35-9.775-10.658-22.016-10.658m-.093-38.959c-13.499 0-27.183 7.727-24.344 6.842c5.307-1.629 12.102-4.468 24.344-4.468c12.241 0 19.037 2.84 24.343 4.468c2.84.885-10.799-6.842-24.343-6.842"/><path fill="gray" d="M130.746 145.501c.373.838-.93 2.188-3.025 2.188s-3.398-1.35-3.026-2.188s1.676-1.117 3.026-1.164c1.303 0 2.653.28 3.025 1.164"/></svg>Cara memakai ikon Pug
React
import { Icon } from "@iconify/react";
<Icon icon="logos:pug" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:pug" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:pug" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--pug]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:pug"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:pug"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/pug.svg" alt="Ikon Pug" width="24" height="24">Ikon Pug di set ikon lain
FAQ Ikon Pug
Apakah ikon Pug gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Pug di React?
Pasang @iconify/react lalu render <Icon icon="logos:pug" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Pug ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/pug.svg" alt="Ikon Pug">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.