Ikon Preact

simple-icons:preact

Ikon Preact (simple-icons:preact) adalah ikon SVG gratis dari set Simple Icons karya Simple Icons Collaborators. Ikon ini digambar pada grid 24 × 24. Simple Icons dirilis di bawah lisensi CC0 1.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Simple Icons
Pembuat: Simple Icons Collaborators
Lisensi: CC0-1.0
Ukuran: 24 × 24

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 10.406A1.594 1.594 0 0 0 10.406 12A1.594 1.594 0 0 0 12 13.594A1.594 1.594 0 0 0 13.594 12A1.594 1.594 0 0 0 12 10.406m5.499-4.33a3 3 0 0 1 .643.054a1.7 1.7 0 0 1 .48.172a1.1 1.1 0 0 1 .29.235a1 1 0 0 1 .185.315a1.5 1.5 0 0 1 .084.452c.007.195-.015.398-.058.603a4.5 4.5 0 0 1-.244.778c-.137.334-.304.66-.49.978q-.37.624-.817 1.207c-.145.191-.3.376-.455.561q-.329-.357-.673-.7a24 24 0 0 0-2.05-1.797l-.23.296l.23-.296l-.018-.014l-.461.592l.018.014a23 23 0 0 1 1.984 1.74q.361.355.703.73c-.099.108-.194.22-.296.326q-.149.156-.301.308l.53.53q.159-.158.313-.32c.085-.088.164-.182.248-.272c.065.078.135.152.198.231a13 13 0 0 1 .909 1.262c.211.336.404.681.564 1.036a5 5 0 0 1 .293.806a3 3 0 0 1 .102.637c.008.178-.007.351-.05.508a1.1 1.1 0 0 1-.157.338h-.001a1 1 0 0 1-.26.256a1.5 1.5 0 0 1-.418.191c-.188.054-.39.081-.6.09c-.266.01-.538-.01-.814-.05a8 8 0 0 1-1.067-.238c-.464-.137-.92-.307-1.369-.5h-.001a18 18 0 0 1-1.71-.86l-.025-.015a24 24 0 0 0 1.686-1.194l-.21-.27l.211.27l.018-.015l-.463-.59l-.017.014a23 23 0 0 1-2.168 1.505a19 19 0 0 1-1.827.983a13 13 0 0 1-1.444.576a9 9 0 0 1-1.142.296a5 5 0 0 1-.853.09a3 3 0 0 1-.643-.055a1.7 1.7 0 0 1-.48-.172a1.03 1.03 0 0 1-.475-.549a1.5 1.5 0 0 1-.084-.453a2.5 2.5 0 0 1 .058-.603c.055-.261.14-.52.245-.777a8 8 0 0 1 .49-.978a12 12 0 0 1 1.271-1.767q.348.377.712.737a24 24 0 0 0 2.02 1.765l.461-.591a23 23 0 0 1-1.955-1.709q-.381-.375-.741-.769q.147-.164.295-.325a23 23 0 0 1 .31-.317l-.53-.53q-.162.163-.321.328c-.085.089-.165.183-.248.273c-.055-.066-.114-.128-.169-.195a14 14 0 0 1-.916-1.263a9 9 0 0 1-.571-1.04a5 5 0 0 1-.308-.838a3 3 0 0 1-.102-.637a1.7 1.7 0 0 1 .05-.507q.051-.187.157-.339h.001c.068-.098.158-.186.26-.256a1.5 1.5 0 0 1 .419-.19a2.5 2.5 0 0 1 .599-.09a4.6 4.6 0 0 1 .814.048a8 8 0 0 1 1.067.24a12 12 0 0 1 1.369.5a17 17 0 0 1 1.736.874a24 24 0 0 0-1.694 1.202l.462.59a23 23 0 0 1 2.13-1.484a19 19 0 0 1 1.83-.99c.474-.222.956-.42 1.448-.583a9 9 0 0 1 1.146-.303c.298-.056.595-.092.887-.096m-.01-.75h-.001a6 6 0 0 0-1.014.108a10 10 0 0 0-1.245.329a14 14 0 0 0-1.529.616c-.583.272-1.146.582-1.696.91a18 18 0 0 0-2.152-1.112a13 13 0 0 0-1.455-.531a8.4 8.4 0 0 0-1.172-.262a5 5 0 0 0-.95-.055c-.254.01-.516.043-.776.117a2.2 2.2 0 0 0-.636.294a1.77 1.77 0 0 0-.717 1.014a2.4 2.4 0 0 0-.077.737a3.7 3.7 0 0 0 .127.798a6 6 0 0 0 .351.959a10 10 0 0 0 .62 1.128a14 14 0 0 0 .967 1.335c.08.098.166.19.248.286a16 16 0 0 0-.552.679c-.311.408-.604.834-.867 1.282a8.4 8.4 0 0 0-.538 1.075a5.3 5.3 0 0 0-.283.908a3.2 3.2 0 0 0-.073.782a2.2 2.2 0 0 0 .13.688v.001a1.78 1.78 0 0 0 .81.94a2.4 2.4 0 0 0 .697.253a3.7 3.7 0 0 0 .805.07a6 6 0 0 0 .977-.102l.001-.001a9 9 0 0 0 1.24-.32a14 14 0 0 0 1.526-.61a19 19 0 0 0 1.742-.93q.181.108.366.214a18 18 0 0 0 1.785.898a13 13 0 0 0 1.455.53c.38.112.772.204 1.172.262a5.3 5.3 0 0 0 .95.056c.254-.01.516-.044.776-.118c.218-.063.436-.156.636-.294a1.78 1.78 0 0 0 .717-1.014c.068-.248.087-.497.077-.736a3.7 3.7 0 0 0-.127-.799a6 6 0 0 0-.335-.923a10 10 0 0 0-.612-1.127a15 15 0 0 0-.959-1.333c-.09-.111-.188-.216-.28-.324q.284-.332.552-.679c.311-.409.604-.835.867-1.283a8.4 8.4 0 0 0 .538-1.075a5.3 5.3 0 0 0 .283-.907c.053-.25.083-.513.073-.783a2.2 2.2 0 0 0-.13-.688v-.001a1.78 1.78 0 0 0-.81-.94a2.4 2.4 0 0 0-.697-.252a3.7 3.7 0 0 0-.805-.07M12 0l10.392 6v12L12 24L1.607 18V6Z"/></svg>

Cara memakai ikon Preact

React

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

<Icon icon="simple-icons:preact" width="24" />

Vue

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

<template>
  <Icon icon="simple-icons:preact" width="24" />
</template>

Svelte

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

<Icon icon="simple-icons:preact" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--preact]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:preact"></div>

Web component

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

<iconify-icon icon="simple-icons:preact"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/simple-icons/preact.svg" alt="Ikon Preact" width="24" height="24">

Ikon Preact di set ikon lain

FAQ Ikon Preact

Apakah ikon Preact gratis untuk penggunaan komersial?

Ya. Simple Icons dirilis di bawah lisensi CC0 1.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Preact di React?

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

Bagaimana cara menambahkan ikon Preact ke halaman web?

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

Lihat semua Simple Icons →