Ebay icon
thesvg-color:ebay
The Ebay icon (thesvg-color:ebay) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 300 × 120 grid. theSVG Color icons are released under the MIT 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
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 300 × 120
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="300" height="120" viewBox="0 0 300 120"><path fill="#e53238" d="M38.867 26.309C17.721 26.309.1 35.279.1 62.345c0 21.442 11.849 34.944 39.312 34.944c32.326 0 34.398-21.294 34.398-21.294H58.147s-3.358 11.466-19.69 11.466c-13.302 0-22.869-8.986-22.869-21.58h59.861v-7.904c0-12.46-7.91-31.668-36.582-31.668M38.32 36.41c12.662 0 21.294 7.757 21.294 19.383h-43.68c0-12.343 11.268-19.383 22.386-19.383"/><path fill="#0064d2" d="M75.438.1v83.597c0 4.745-.339 11.408-.339 11.408h14.939s.537-4.785.537-9.159c0 0 7.381 11.548 27.451 11.548c21.134 0 35.49-14.674 35.49-35.695c0-19.557-13.186-35.286-35.456-35.286c-20.854 0-27.334 11.261-27.334 11.261V.1zm38.766 36.753c14.352 0 23.479 10.652 23.479 24.946c0 15.328-10.541 25.355-23.376 25.355c-15.318 0-23.581-11.961-23.581-25.219c0-12.354 7.414-25.082 23.478-25.082"/><path fill="#f5af02" d="M190.645 26.309c-31.812 0-33.852 17.418-33.852 20.202h15.834s.83-10.169 16.926-10.169c10.459 0 18.564 4.788 18.564 13.991v3.276h-18.564c-24.645 0-37.674 7.21-37.674 21.841c0 14.398 12.038 22.232 28.307 22.232c22.172 0 29.314-12.251 29.314-12.251c0 4.873.375 9.675.375 9.675h14.076s-.545-5.952-.545-9.76V52.432c0-21.582-17.408-26.123-32.761-26.123m17.472 37.128v4.368c0 5.697-3.516 19.861-24.212 19.861c-11.333 0-16.192-5.656-16.192-12.217c0-11.935 16.363-12.012 40.404-12.012"/><path fill="#86b817" d="M214.879 29.041h17.813l25.565 51.218l25.506-51.218H299.9l-46.459 91.184h-16.927l13.406-25.419z"/></svg>
How to use the Ebay icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:ebay" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:ebay" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:ebay" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--ebay]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:ebay"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:ebay"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/ebay.svg" alt="Ebay icon" width="24" height="24">
Ebay icon in other icon sets
Ebay icon FAQ
Is the Ebay icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Ebay icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:ebay" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Ebay icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/ebay.svg" alt="Ebay icon">, or paste the SVG code inline to style it with CSS.
Browse all theSVG Color icons →
ICONYZ
