Presto Icon icon

logos:presto-icon

The Presto Icon icon (logos:presto-icon) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 220 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 256 × 220
Tags: prestoicon

Download SVG

SVG code

<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>

How to use the Presto Icon 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>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/presto-icon.svg" alt="Presto Icon icon" width="24" height="24">

Related icons in SVG Logos

Presto Icon icon FAQ

Is the Presto Icon icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Presto Icon icon in React?

Install @iconify/react and render <Icon icon="logos:presto-icon" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Presto Icon icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/presto-icon.svg" alt="Presto Icon icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →