Xcart icon

logos:xcart

The Xcart icon (logos:xcart) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 156 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: 512 × 156

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="156" viewBox="0 0 512 156"><path d="M296.358 126.996c5.22-1.205 8.834-4.417 11.244-9.638c1.204-2.81 2.007-6.425 2.81-11.243c.804-4.82.804-8.835.804-12.45V89.25h-24.094v10.842c0 2.41-.402 4.819-.804 7.228c-.401 2.41-2.409 3.614-5.622 3.614s-5.22-1.204-5.621-3.614s-.804-4.819-.804-7.228c0-7.63 0-15.661-.401-23.693c0-8.03 0-15.66.401-23.692c0-6.024 2.008-8.835 6.024-8.835s6.023 2.811 6.023 8.835v10.44h23.693c-.402-3.613-.803-7.228-1.205-11.645c-.401-4.417-1.204-7.63-2.008-10.039q-3.011-9.036-10.842-12.047c-5.22-1.606-10.44-2.811-16.063-2.811s-11.244.803-16.062 2.81q-7.83 2.41-10.843 12.048c-1.204 2.81-2.008 6.827-2.81 11.645c-.804 4.82-1.205 9.237-1.205 14.457v22.89c0 5.22.401 10.039 1.204 15.259s2.008 8.834 3.213 11.645c2.41 5.22 6.023 8.433 11.244 9.237c5.22 1.204 10.039 1.606 15.26 1.606c6.424.401 11.243 0 16.464-1.205m46.582-38.15l5.622-44.976h.401l5.622 44.976zm14.055 18.07l2.81 20.882H383.9L366.632 28.21h-35.338l-17.267 99.188h24.094l2.81-20.882h16.064zm32.125 20.481h23.693V90.453h4.015c4.016 0 6.425.803 7.63 2.41c1.205 1.606 1.606 4.015 1.606 6.826v27.709h24.094v-22.89c0-6.023-1.204-11.244-4.015-15.26c-2.811-4.015-6.827-6.424-12.047-7.63v-.4c5.22-.804 8.834-2.812 11.244-6.024c2.007-2.41 3.212-5.622 3.614-8.835c.401-3.614.401-6.826.401-10.039c0-4.417-.401-8.433-.803-12.449c-.401-4.015-2.41-7.63-6.023-10.039c-3.213-2.41-7.229-4.016-12.047-4.417c-4.418-.402-8.835-.803-12.85-.803h-29.717v98.786zm23.693-81.519h5.622c3.212 0 5.22.803 6.425 2.008c1.204 1.205 1.606 3.614 1.606 6.425v7.63c0 2.41-.402 4.417-.803 6.023c-.402 1.607-1.607 2.811-2.811 3.615c-1.205.803-2.811 1.204-5.622 1.204h-4.417zm42.566 1.606h16.063v79.913h23.692V47.485h16.063V28.21h-56.22v19.275z"/><path fill="#f29221" d="m213.635 64.351l-8.032-36.141h-24.496l14.858 47.385l-16.062 52.204H204.8l8.031-38.952h.402l8.433 38.952h24.897L230.5 75.997l14.858-47.385h-24.495zM20.855 0h113.898c11.23 0 20.855 9.224 20.855 20.855v113.898c0 11.23-9.224 20.855-20.855 20.855H20.855C9.625 155.608 0 146.384 0 134.753V20.855C.401 9.225 9.625 0 20.855 0"/><path fill="#fff" d="m122.077 77.503l-10.842 10.842l10.44 10.44c.803.804 1.607 2.41 1.607 3.615v18.874c0 2.008-.402 2.41-2.41 2.41h-8.834v-14.457c0-2.008-.402-2.811-1.607-4.016l-9.637-9.638c-1.205-1.204-2.811-1.606-4.016-1.606H65.054c-1.606 0-3.212.402-4.016 1.606l-9.637 9.638c-1.205 1.205-1.606 2.008-1.606 4.016v11.645c0 2.008-.402 2.811-2.811 2.811h-8.835V102.4c0-1.205.803-2.811 1.606-3.614l10.843-10.842l-10.441-10.441c-.803-.803-1.606-2.41-1.606-3.614v-38.15h11.645v31.323c0 2.008.402 2.81 1.606 4.016l9.638 9.637c1.205 1.205 2.811 1.607 4.016 1.607H97.18c1.606 0 3.212-.402 4.015-1.607l9.638-9.637c1.205-1.205 1.606-2.008 1.606-4.016V35.74h11.646v38.149c-.402 1.606-1.205 2.81-2.008 3.614"/><path fill="#fff" d="M61.842 57.826h8.433v8.433h-8.433zm31.322 0h8.433v8.433h-8.433zM61.842 42.165h8.433v8.433h-8.433zm31.322 0h8.433v8.433h-8.433zM77.503 57.826h8.433v8.433h-8.433zm0-15.661h8.433v8.433h-8.433z"/><path fill="#b14c26" d="M50.196 132.116c-3.614 0-6.827-2.81-7.63-6.023h6.425c1.607 0 3.213-1.607 3.213-3.213v-6.425c3.614.803 6.023 4.016 6.023 7.63c0 4.417-3.614 8.031-8.03 8.031m73.888 0c-3.614 0-6.827-2.41-7.63-6.023h6.425c1.606 0 3.213-1.607 3.213-3.213v-6.425c3.614.803 6.023 4.016 6.023 7.63c0 4.417-3.614 8.031-8.031 8.031"/></svg>

How to use the Xcart icon

React

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

<Icon icon="logos:xcart" width="24" />

Vue

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

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

Svelte

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

<Icon icon="logos:xcart" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

<img src="https://iconyz.com/api/public/svg/logos/xcart.svg" alt="Xcart icon" width="24" height="24">

Xcart icon FAQ

Is the Xcart 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 Xcart icon in React?

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

How do I add the Xcart icon to a web page?

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

Browse all SVG Logos icons →