Ikon Peacock
thesvg-color:peacock
Ikon Peacock (thesvg-color:peacock) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 179 × 55. theSVG Color 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 Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 179 × 55
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="179" height="55" viewBox="0 0 179 55"><path d="M122.148 189.481c-6.333 0-11.481 5.148-11.481 11.481v26.556h5.444v-14.74l2 2.11l8-3.147c4.556-1.778 7.519-5.89 7.519-10.778c0-6.333-5.148-11.482-11.482-11.482m2.038 17.445l-8.074 3.148v-9.111c0-3.667 2.741-6.296 6.037-6.296s6.037 2.666 6.037 6.296c0 2.296-1.111 4.815-4 5.963m94.037-17.445c-6.333 0-11.481 5.148-11.481 11.481s5.148 11.481 11.481 11.481s11.481-5.148 11.481-11.481s-5.148-11.481-11.481-11.481m0 17.778c-3.481 0-6.037-2.777-6.037-6.296s2.63-6.296 6.037-6.296c3.481 0 6.037 2.777 6.037 6.296s-2.556 6.296-6.037 6.296m24.852-12.592c2.369 0 4.295 1.296 5.296 3.222l4.259-3.259c-2.074-3.074-5.555-5.111-9.555-5.111c-6.334 0-11.482 5.148-11.482 11.481s5.148 11.481 11.482 11.481c3.963 0 7.48-2.037 9.555-5.111l-4.259-3.26c-1.001 1.927-2.927 3.223-5.296 3.223c-3.482 0-6.037-2.777-6.037-6.296s2.629-6.37 6.037-6.37m-46.445 0c2.371 0 4.297 1.296 5.297 3.222l4.259-3.259c-2.074-3.074-5.556-5.111-9.556-5.111c-6.333 0-11.481 5.148-11.481 11.481s5.148 11.481 11.481 11.481c3.963 0 7.482-2.037 9.556-5.111l-4.259-3.26c-1 1.927-2.926 3.223-5.297 3.223c-3.481 0-6.037-2.777-6.037-6.296s2.593-6.37 6.037-6.37m-19.037-2.445c-1.852-1.926-4.296-2.74-6.852-2.74c-5.334 0-10.74 4.852-10.74 11.481s5.406 11.481 10.74 11.481c2.556 0 5-.814 6.852-2.74v2.074h5.445v-21.594h-5.445zm-6.037 15.037c-3.48 0-6.111-2.777-6.111-6.296s2.704-6.296 6.111-6.296c3.482 0 6.037 2.777 6.037 6.296s-2.555 6.296-6.037 6.296m96.222-7.074h-2.444l9.444-10.037h-7l-7.63 8.223v-20h-5.444v33.408h5.444v-6.148l3-3.186l6.407 9.334h6.593zm-120.889-10.704c-6.333 0-11.481 5.148-11.481 11.481s5.148 11.481 11.481 11.481c3.778 0 7.333-1.814 9.371-4.629l-4.371-3.037c-.519.852-2.185 2.48-5 2.48c-2.592 0-4.704-1.555-5.592-3.814h16.556c.186-.814.26-1.629.26-2.481c.035-6.332-4.89-11.481-11.224-11.481m-5.555 9c.889-2.26 3-3.814 5.555-3.814c2.593 0 4.556 1.555 5.371 3.814z"/><path fill="#069de0" d="M286.038 208.519a3.304 3.304 0 0 0-3.297 3.297a3.303 3.303 0 0 0 3.297 3.295a3.303 3.303 0 0 0 3.296-3.295a3.303 3.303 0 0 0-3.296-3.297"/><path fill="#6e55dc" d="M286.038 199.519a3.304 3.304 0 0 0-3.297 3.297a3.303 3.303 0 0 0 3.297 3.295a3.303 3.303 0 0 0 3.296-3.295c-.037-1.853-1.481-3.297-3.296-3.297"/><path fill="#05ac3f" d="M286.038 217.519a3.304 3.304 0 0 0-3.297 3.297a3.303 3.303 0 0 0 3.297 3.295a3.303 3.303 0 0 0 3.296-3.295a3.303 3.303 0 0 0-3.296-3.297"/><path fill="#ef1541" d="M286.038 190.481a3.304 3.304 0 0 0-3.297 3.297a3.304 3.304 0 0 0 3.297 3.296a3.303 3.303 0 0 0 3.296-3.296c-.037-1.815-1.481-3.297-3.296-3.297"/><path fill="#ff7112" d="M286.038 181.481a3.304 3.304 0 0 0-3.297 3.297a3.304 3.304 0 0 0 3.297 3.296a3.303 3.303 0 0 0 3.296-3.296c-.037-1.815-1.481-3.297-3.296-3.297"/><path fill="#fccc12" d="M286.038 172.481a3.304 3.304 0 0 0-3.297 3.297a3.304 3.304 0 0 0 3.297 3.296a3.303 3.303 0 0 0 3.296-3.296c-.037-1.815-1.481-3.297-3.296-3.297"/></svg>Cara memakai ikon Peacock
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:peacock" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:peacock" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:peacock" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--peacock]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:peacock"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:peacock"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/peacock.svg" alt="Ikon Peacock" width="24" height="24">Ikon Peacock di set ikon lain
FAQ Ikon Peacock
Apakah ikon Peacock gratis untuk penggunaan komersial?
Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Peacock di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:peacock" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Peacock ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/peacock.svg" alt="Ikon Peacock">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.