Icono Presto Icon
logos:presto-icon
El icono Presto Icon (logos:presto-icon) es un icono SVG gratuito de la colección SVG Logos de Gil Barbara. Está dibujado en una cuadrícula de 256 × 220. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- SVG Logos
- Autor
- Gil Barbara
- Licencia
- CC0-1.0
- Tamaño
- 256 × 220
- Etiquetas
- prestoicon
Código 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>Cómo usar el icono 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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/logos/presto-icon.svg" alt="Icono Presto Icon" width="24" height="24">Iconos relacionados en SVG Logos
Preguntas frecuentes sobre Icono Presto Icon
¿El icono Presto Icon es gratis para uso comercial?
Sí. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Presto Icon en React?
Instala @iconify/react y renderiza <Icon icon="logos:presto-icon" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Presto Icon a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/logos/presto-icon.svg" alt="Icono Presto Icon">, o pega el código SVG en línea para darle estilo con CSS.