أيقونة Marko Icon

logos:marko-icon

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

المجموعة: SVG Logos
المؤلف: Gil Barbara
الترخيص: CC0-1.0
الحجم: 256 × 141
الوسوم: markoicon

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="141" viewBox="0 0 256 141"><path fill="#00cffb" d="M53.567 124.48a4.79 4.79 0 0 0 0-4.869L36.746 90.764c-.923-1.761-3.406-1.862-4.469-.183q-.057.088-.105.183L.668 146.024a4.87 4.87 0 0 0 0 4.869l38.217 65.516a4.87 4.87 0 0 0 4.28 2.434h32.462a3.238 3.238 0 0 0 2.804-4.943l-38.365-65.515"/><path fill="#7ced64" d="M84.112 148.458h35.413c1.771 0 3.394-.959 4.28-2.508l11.878-21.47c.885-1.475.811-3.32 0-4.869l-16.822-28.774c-.922-1.76-3.405-1.862-4.468-.182q-.057.089-.106.182l-12.542 22.355l-19.183-32.757A4.87 4.87 0 0 0 78.357 78H45.968c-2.499-.028-4.091 2.66-2.865 4.838l.062.105l36.741 63.081a5.02 5.02 0 0 0 4.279 2.434"/><path fill="#ffd100" d="M163.276 148.385L125.059 213.9c-1.254 2.213.295 4.869 2.803 4.869h32.611c1.696 0 3.32-.885 4.205-2.434l38.365-65.442c.885-1.475.885-3.394 0-4.943l-38.365-65.515A4.87 4.87 0 0 0 160.473 78h-32.611c-2.498-.028-4.09 2.66-2.865 4.838l.062.105z"/><path fill="#ff5467" d="M180.393 78h32.536c1.771 0 3.32.959 4.205 2.435l38.218 65.515c.885 1.476.885 3.394 0 4.943l-38.218 65.442a4.87 4.87 0 0 1-4.205 2.434h-32.536c-2.499.052-4.116-2.621-2.911-4.81l.033-.059l38.218-65.515l-38.218-65.442c-1.254-2.213.296-4.943 2.878-4.943"/><path fill="#0073d8" d="M.004 148.385H82l19.745-35.193V78h14.091l37.628 70.385h102.552v185.627H.004" clip-path="url(#SVGPFgqgc0c)"/><path fill="#00b068" d="M.004 148.385H82l19.745-35.193V78h14.091l37.628 70.385h102.552v185.627H.004" clip-path="url(#SVGGOHw8dNa)"/><path fill="#fc5c00" d="M.004 148.385H82l19.745-35.193V78h14.091l37.628 70.385h102.552v185.627H.004" clip-path="url(#SVGbNHJXHqe)"/><path fill="#cc0067" d="M.004 148.385H82l19.745-35.193V78h14.091l37.628 70.385h102.552v185.627H.004" clip-path="url(#SVGBbzTgeDz)"/><defs><clipPath id="SVGPFgqgc0c"><path fill="#00cffb" d="M53.567 124.481a4.8 4.8 0 0 0 0-4.87L36.746 90.764c-.923-1.761-3.406-1.862-4.469-.183q-.057.09-.105.183L.668 146.024a4.87 4.87 0 0 0 0 4.869l38.217 65.516a4.87 4.87 0 0 0 4.28 2.434h32.462a3.238 3.238 0 0 0 2.804-4.943l-38.365-65.515"/></clipPath><clipPath id="SVGGOHw8dNa"><path fill="#7ced64" d="M84.112 148.459h35.413c1.771 0 3.394-.959 4.28-2.509l11.878-21.469c.885-1.476.812-3.32 0-4.87l-16.822-28.774c-.922-1.76-3.405-1.862-4.468-.182q-.057.089-.106.182l-12.542 22.355l-19.183-32.757A4.87 4.87 0 0 0 78.357 78H45.968c-2.499-.028-4.091 2.66-2.865 4.838l.062.105l36.741 63.081a5.02 5.02 0 0 0 4.279 2.435"/></clipPath><clipPath id="SVGbNHJXHqe"><path fill="#ffd100" d="M163.276 148.385L125.059 213.9c-1.254 2.214.295 4.87 2.803 4.87h32.611c1.697 0 3.32-.886 4.205-2.435l38.365-65.442c.885-1.475.885-3.393 0-4.943l-38.365-65.515A4.87 4.87 0 0 0 160.473 78h-32.611c-2.498-.028-4.09 2.66-2.865 4.838l.062.105z"/></clipPath><clipPath id="SVGBbzTgeDz"><path fill="#ff5467" d="M180.393 78h32.536c1.771 0 3.32.959 4.206 2.435l38.217 65.515c.885 1.476.885 3.394 0 4.943l-38.217 65.442a4.87 4.87 0 0 1-4.206 2.435h-32.536c-2.499.051-4.115-2.622-2.911-4.811l.033-.059l38.218-65.515l-38.218-65.442c-1.254-2.213.296-4.943 2.878-4.943"/></clipPath></defs></svg>

كيفية استخدام أيقونة Marko Icon

React

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

<Icon icon="logos:marko-icon" width="24" />

Vue

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

<template>
  <Icon icon="logos:marko-icon" width="24" />
</template>

Svelte

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

<Icon icon="logos:marko-icon" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--marko-icon]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:marko-icon"></div>

مكوّن ويب

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

<iconify-icon icon="logos:marko-icon"></iconify-icon>

صورة HTML

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

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

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

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

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

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

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

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

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

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