ICONYZ
العربية
أيقونة Presto Icon من SVG Logos

أيقونة Presto Icon

logos:presto-icon

أيقونة Presto Icon (logos:presto-icon) أيقونة SVG مجانية من مجموعة SVG Logos من تصميم Gil Barbara. مرسومة على شبكة 256 × 220. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
SVG Logos
المؤلف
Gil Barbara
الترخيص
CC0-1.0
الحجم
256 × 220
الوسوم
prestoicon
تنزيل SVG

شيفرة 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>

كيفية استخدام أيقونة 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>

مكوّن ويب

<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

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

أيقونات ذات صلة في SVG Logos

الأسئلة الشائعة حول أيقونة Presto Icon

هل أيقونة Presto Icon مجانية للاستخدام التجاري؟

نعم. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Presto Icon في React؟

ثبّت @iconify/react واعرض <Icon icon="logos:presto-icon" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Presto Icon إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/logos/presto-icon.svg" alt="أيقونة Presto Icon">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات SVG Logos →