Ikon Presto Icon
logos:presto-icon
Ikon Presto Icon (logos:presto-icon) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 256 × 220. 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 × 220
- Tag
- prestoicon
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="220" viewBox="0 0 256 220"><path fill="#5d88d6" d="M150.163 20.369c4.66-4.66 4.66-12.215 0-16.874c-4.66-4.66-12.214-4.66-16.874 0s-4.66 12.214 0 16.874s12.214 4.66 16.874 0M183.9 54.105c5.178-5.177 5.178-13.57 0-18.747c-5.176-5.177-13.57-5.177-18.747 0s-5.177 13.57 0 18.747s13.57 5.177 18.748 0m33.732 33.743c5.694-5.694 5.694-14.925 0-20.618c-5.693-5.694-14.924-5.694-20.618 0c-5.693 5.693-5.693 14.924 0 20.618c5.694 5.693 14.925 5.693 20.618 0m33.709 33.701c6.21-6.21 6.21-16.28 0-22.492c-6.211-6.21-16.281-6.21-22.492 0c-6.21 6.211-6.21 16.281 0 22.492c6.211 6.21 16.28 6.21 22.492 0"/><path fill="#32dbfc" d="M83.66 19.432c4.142-4.142 4.142-10.86 0-15.002C79.515.287 72.8.287 68.655 4.43c-4.142 4.142-4.142 10.86 0 15.002s10.86 4.143 15.003 0m33.735 33.736c4.66-4.66 4.66-12.215 0-16.874c-4.66-4.66-12.214-4.66-16.873 0s-4.66 12.214 0 16.874s12.214 4.66 16.873 0m33.709 33.708c5.177-5.177 5.177-13.57 0-18.747s-13.57-5.177-18.747 0s-5.177 13.57 0 18.747s13.57 5.177 18.747 0m33.721 33.718c5.694-5.693 5.694-14.924 0-20.618s-14.925-5.694-20.618 0c-5.694 5.694-5.694 14.925 0 20.618c5.693 5.694 14.924 5.694 20.618 0m33.747 33.761c6.21-6.21 6.21-16.28 0-22.492c-6.211-6.21-16.281-6.21-22.492 0c-6.211 6.211-6.211 16.281 0 22.492c6.21 6.211 16.28 6.211 22.491 0"/><path d="M17.19 18.531A9.284 9.284 0 1 0 4.06 5.402a9.284 9.284 0 0 0 13.13 13.13m33.688 33.685c4.143-4.143 4.143-10.86 0-15.003s-10.86-4.143-15.003 0s-4.143 10.86 0 15.003s10.86 4.143 15.003 0m33.749 33.757c4.66-4.66 4.66-12.214 0-16.874s-12.214-4.66-16.874 0s-4.66 12.214 0 16.874s12.215 4.66 16.874 0m33.721 33.72c5.177-5.177 5.177-13.57 0-18.747s-13.57-5.177-18.748 0c-5.177 5.176-5.177 13.57 0 18.747s13.57 5.177 18.748 0m33.717 33.727c5.694-5.694 5.694-14.925 0-20.618c-5.694-5.694-14.925-5.694-20.618 0c-5.694 5.693-5.694 14.924 0 20.618c5.693 5.694 14.924 5.694 20.618 0m33.7 33.678c6.211-6.211 6.211-16.281 0-22.492c-6.21-6.21-16.28-6.21-22.491 0c-6.211 6.211-6.211 16.28 0 22.492c6.21 6.21 16.28 6.21 22.491 0"/><path fill="#5d88d6" d="M83.664 150.562c4.143-4.143 4.143-10.86 0-15.003s-10.86-4.143-15.003 0s-4.143 10.86 0 15.003s10.86 4.143 15.003 0"/><circle cx="43.382" cy="175.845" r="10.609" fill="#5d88d6"/><circle cx="10.609" cy="208.651" r="10.609" fill="#5d88d6"/><circle cx="76.166" cy="208.633" r="10.609" fill="#5d88d6"/><path fill="#5d88d6" d="M149.244 216.157c4.143-4.142 4.143-10.86 0-15.002s-10.86-4.143-15.003 0s-4.143 10.86 0 15.002s10.86 4.143 15.003 0m-32.797-32.814c4.143-4.143 4.143-10.86 0-15.003s-10.86-4.143-15.003 0s-4.143 10.86 0 15.003s10.86 4.143 15.003 0"/></svg>Cara memakai ikon Presto Icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:presto-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:presto-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:presto-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--presto-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:presto-icon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:presto-icon"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/presto-icon.svg" alt="Ikon Presto Icon" width="24" height="24">Ikon terkait di SVG Logos
FAQ Ikon Presto Icon
Apakah ikon Presto Icon 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 Presto Icon di React?
Pasang @iconify/react lalu render <Icon icon="logos:presto-icon" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Presto Icon ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/presto-icon.svg" alt="Ikon Presto Icon">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.