Ikon Marko Icon
logos:marko-icon
Ikon Marko Icon (logos:marko-icon) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 256 × 141. 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 × 141
- Tag
- markoicon
Kode 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>Cara memakai ikon 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>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:marko-icon"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/marko-icon.svg" alt="Ikon Marko Icon" width="24" height="24">Ikon terkait di SVG Logos
FAQ Ikon Marko Icon
Apakah ikon Marko 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 Marko Icon di React?
Pasang @iconify/react lalu render <Icon icon="logos:marko-icon" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Marko Icon ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/marko-icon.svg" alt="Ikon Marko Icon">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.