Ikon Phoenix
cbi:phoenix
Ikon Phoenix (cbi:phoenix) adalah ikon SVG gratis dari set Custom Brand Icons karya Emanuele & rchiileea. Ikon ini digambar pada grid 24 × 24. Custom Brand Icons menggunakan lisensi CC BY-NC-SA 4.0, yang tidak mengizinkan penggunaan komersial tanpa izin terpisah dari pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Custom Brand Icons
- Pembuat
- Emanuele & rchiileea
- Lisensi
- CC-BY-NC-SA-4.0
- Ukuran
- 24 × 24
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M2 12.563v-2.001h.735v.331l.078-.069c.167-.146.413-.265.633-.305c.149-.027.387-.018.54.02c.137.034.394.162.503.25c.184.148.371.428.455.68c.063.19.078.326.069.627c-.006.237-.012.289-.049.411a1.5 1.5 0 0 1-.528.776a1.3 1.3 0 0 1-.435.227c-.123.041-.15.044-.375.044c-.219 0-.256-.004-.382-.043a1.3 1.3 0 0 1-.427-.232l-.098-.078v1.363H2Zm1.712.32a.72.72 0 0 0 .435-.317a.78.78 0 0 0 .147-.472c.013-.298-.053-.488-.236-.683c-.193-.208-.427-.278-.716-.217a.7.7 0 0 0-.38.203a.9.9 0 0 0-.218.367a1.5 1.5 0 0 0 0 .55a.83.83 0 0 0 .53.564c.1.035.314.037.438.005m5.771.671a1.4 1.4 0 0 1-.719-.38a1.5 1.5 0 0 1-.464-.841a2.7 2.7 0 0 1 .023-.685c.037-.135.117-.314.19-.422a2.6 2.6 0 0 1 .413-.437c.35-.266.814-.352 1.275-.236a1.53 1.53 0 0 1 1.104 1.103c.03.113.036.17.035.383c-.001.219-.006.269-.042.403a1.53 1.53 0 0 1-1.066 1.083c-.121.036-.177.043-.392.048c-.185.004-.277 0-.357-.019m.53-.686c.361-.093.589-.382.612-.773c.026-.457-.228-.812-.647-.9a.6.6 0 0 0-.325 0a.7.7 0 0 0-.383.209a.86.86 0 0 0-.245.691a.83.83 0 0 0 .27.592a.79.79 0 0 0 .718.181m2.769.67a1.55 1.55 0 0 1-.727-.375a1.45 1.45 0 0 1-.41-.686a2.3 2.3 0 0 1-.031-.696c.087-.589.489-1.05 1.075-1.23c.128-.039.158-.042.435-.043c.275 0 .308.003.448.042c.249.068.442.177.62.347c.329.314.511.781.477 1.225l-.01.128h-2.344l.007.069a.7.7 0 0 0 .213.384c.17.167.346.235.612.235a.97.97 0 0 0 .635-.21l.096-.071l.233.111c.127.06.262.125.3.14c.06.027.065.033.049.062a1.7 1.7 0 0 1-.347.338a1.8 1.8 0 0 1-.491.211c-.164.045-.672.057-.84.019m1.139-1.925a.82.82 0 0 0-.574-.465c-.284-.066-.617.018-.798.203c-.067.069-.215.283-.215.313c0 .004.363.008.806.008h.805Zm2.958 1.032c-.009-1.062-.018-1.139-.162-1.327c-.08-.106-.335-.172-.504-.131a.63.63 0 0 0-.331.254c-.135.21-.155.378-.155 1.36v.7h-.72v-2.939h.734l.005.156l.004.156l.116-.086c.403-.305.836-.367 1.221-.177q.271.133.404.404c.123.253.117.189.123 1.411l.005 1.091h-.733ZM5.393 11.468V9.436h.719v.703c0 .453.005.704.016.704a.5.5 0 0 0 .107-.07c.381-.29.832-.35 1.219-.165a.96.96 0 0 1 .499.618c.024.084.027.206.031 1.184l.005 1.092h-.733l-.008-.857c-.009-1.051-.019-1.144-.146-1.312a.54.54 0 0 0-.31-.155c-.272-.033-.55.18-.644.495c-.037.128-.051.435-.052 1.144v.684h-.704Zm12.601.563v-1.469h.735V13.5h-.735Zm.952 1.442c.008-.015.255-.358.547-.761s.53-.745.525-.756a29 29 0 0 0-.465-.657l-.494-.686l-.036-.051h.845l.286.398c.159.218.294.396.303.393c.008-.002.144-.181.301-.398l.287-.393h.415c.33 0 .412.004.4.019a39 39 0 0 0-.969 1.377c.004.01.245.345.535.745s.537.742.55.762l.024.036h-.842l-.348-.477a21 21 0 0 0-.354-.476c-.003 0-.162.214-.354.476l-.35.477h-.41c-.387 0-.41-.002-.396-.028"/></svg>
Cara memakai ikon Phoenix
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:phoenix" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:phoenix" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:phoenix" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--phoenix]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:phoenix"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:phoenix"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/cbi/phoenix.svg" alt="Ikon Phoenix" width="24" height="24">
Ikon terkait di Custom Brand Icons
Ikon Phoenix di set ikon lain
FAQ Ikon Phoenix
Apakah ikon Phoenix gratis untuk penggunaan komersial?
Tidak. Custom Brand Icons menggunakan lisensi CC BY-NC-SA 4.0, yang tidak mengizinkan penggunaan komersial tanpa izin terpisah dari pembuatnya.
Bagaimana cara memakai ikon Phoenix di React?
Pasang @iconify/react lalu render <Icon icon="cbi:phoenix" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Phoenix ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/cbi/phoenix.svg" alt="Ikon Phoenix">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Custom Brand Icons →
ICONYZ
