woocommerce logo

woocommerce-wordmark from Devicon by konpa · Wordmark · MIT Free for personal and commercial use.

Name: woocommerce-wordmark
Set: Devicon
Style: Wordmark
Viewbox: 128×128
License: MIT

1 other variant in Devicon

The same logo in other sets

woocommerceSVG Logos woocommerceSimple Icons

Use the woocommerce logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path d="M12.1 102.4H9.8c-2.9 0-5.2-2.3-5.2-5.2c0-3 2.4-5.4 5.4-5.4h2.1v-4.2H9.3c-5.1 0-9.3 4.2-9.3 9.3c0 5.7 4.6 10.3 10.3 10.3h1.8zm103.8 0h-2.3c-2.9 0-5.2-2.3-5.2-5.2c0-3 2.4-5.4 5.4-5.4h2.1v-4.2H113c-5.1 0-9.3 4.2-9.3 9.3c0 5.7 4.6 10.3 10.3 10.3h1.8v-4.8zM22.1 87.6c-4.5 0-8.1 4.4-8.1 9.8s3.6 9.8 8.1 9.8s8.1-4.4 8.1-9.8s-3.6-9.8-8.1-9.8m0 15.9c-2 0-3.5-2.7-3.5-6s1.6-6 3.5-6c2 0 3.5 2.7 3.5 6s-1.6 6-3.5 6m8.1 3.7l3.1-19.6h6.5l1.9 9.8l2.5-9.8h6l2.9 19.6h-5l-1.6-13.3l-2.7 13.3h-3.4l-3.7-13.1l-1.7 13.1zm24 0l3.1-19.6h6.5l1.8 9.8l2.5-9.8h6.1l2.9 19.6h-5l-1.7-13.3l-2.7 13.3h-3.3l-3.8-13.1l-1.6 13.1zm23.7 0V87.6h10.2v3.8H83v4.2h4.5v3.6h-5.1v3.8h5.7v4.2zm39.9 0V87.6H128v3.8h-5.1v4.2h4.5v3.6h-5.1v3.8h5.7v4.2z"/><path d="M100 98.1c1.6 0 3-1.3 3-3v-1.8c0-3.2-2.6-5.7-5.7-5.7h-7.4v19.6h4.6V98l5 9.2h5.1zm-3.9-1.7h-1.7v-4.8h1.9c1.3 0 2.3 1 2.3 2.3c-.1 1.4-1.2 2.5-2.5 2.5"/><path fill="#7f54b3" d="M104 71.5H24.3c-6.4 0-11.7-5.2-11.7-11.7V32.4c0-6.4 5.2-11.7 11.7-11.7H104c6.4 0 11.7 5.2 11.7 11.7v27.4c0 6.5-5.3 11.7-11.7 11.7"/><path fill="#fff" d="M23.8 61.6s2.3 9.4 6.9 3.1s9-16.2 9-16.2s.3-2.5 1.6 3s6.9 12.8 6.9 12.8s5.1 6.3 7.2-.3c-.8-8.8 2.3-24.8 5.4-32.5c1.3-6.8-5.9-4.9-6.5-3.2S49.1 40 48.8 50.7c0 0-3.8-10.2-4.1-14c-.3-3.7-4.2-4.7-6.5-1.1S29 53.1 29 53.1l-4.4-22.7s-4.4-5.8-7 1.3c0 0 4.6 27.9 6.2 29.9m58.9-24.9c-6.9-11.4-17-2.8-17-2.8s-7.7 8.9-4.2 21c5.6 12 13.3 6.6 15.4 5.7c2.1-1 11.3-11.4 5.8-23.9m-5.2 10c0 4.8-3.9 9.2-7.2 8.2c-1.8-1-2.9-3.9-2.9-8.6c1.6-7.8 5.2-8.8 7-8.6c3.4 1.8 3.2 5.9 3.1 9m30.8-10c-6.9-11.4-17-2.8-17-2.8s-7.7 8.9-4.2 21c5.6 12 13.3 6.6 15.4 5.7c2.2-1 11.4-11.4 5.8-23.9m-5.2 10c0 4.8-3.9 9.2-7.2 8.2c-1.8-1-2.9-3.9-2.9-8.6c1.6-7.8 5.2-8.8 7-8.6c3.4 1.8 3.3 5.9 3.1 9"/><path fill="#7f54b3" d="M62 71.5L79.9 82l-3.7-10.5l-10.3-2.9z"/></svg>

React

import type { SVGProps } from "react";

export function DeviconWoocommerceWordmark(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path d="M12.1 102.4H9.8c-2.9 0-5.2-2.3-5.2-5.2c0-3 2.4-5.4 5.4-5.4h2.1v-4.2H9.3c-5.1 0-9.3 4.2-9.3 9.3c0 5.7 4.6 10.3 10.3 10.3h1.8zm103.8 0h-2.3c-2.9 0-5.2-2.3-5.2-5.2c0-3 2.4-5.4 5.4-5.4h2.1v-4.2H113c-5.1 0-9.3 4.2-9.3 9.3c0 5.7 4.6 10.3 10.3 10.3h1.8v-4.8zM22.1 87.6c-4.5 0-8.1 4.4-8.1 9.8s3.6 9.8 8.1 9.8s8.1-4.4 8.1-9.8s-3.6-9.8-8.1-9.8m0 15.9c-2 0-3.5-2.7-3.5-6s1.6-6 3.5-6c2 0 3.5 2.7 3.5 6s-1.6 6-3.5 6m8.1 3.7l3.1-19.6h6.5l1.9 9.8l2.5-9.8h6l2.9 19.6h-5l-1.6-13.3l-2.7 13.3h-3.4l-3.7-13.1l-1.7 13.1zm24 0l3.1-19.6h6.5l1.8 9.8l2.5-9.8h6.1l2.9 19.6h-5l-1.7-13.3l-2.7 13.3h-3.3l-3.8-13.1l-1.6 13.1zm23.7 0V87.6h10.2v3.8H83v4.2h4.5v3.6h-5.1v3.8h5.7v4.2zm39.9 0V87.6H128v3.8h-5.1v4.2h4.5v3.6h-5.1v3.8h5.7v4.2z"/><path d="M100 98.1c1.6 0 3-1.3 3-3v-1.8c0-3.2-2.6-5.7-5.7-5.7h-7.4v19.6h4.6V98l5 9.2h5.1zm-3.9-1.7h-1.7v-4.8h1.9c1.3 0 2.3 1 2.3 2.3c-.1 1.4-1.2 2.5-2.5 2.5"/><path fill="#7f54b3" d="M104 71.5H24.3c-6.4 0-11.7-5.2-11.7-11.7V32.4c0-6.4 5.2-11.7 11.7-11.7H104c6.4 0 11.7 5.2 11.7 11.7v27.4c0 6.5-5.3 11.7-11.7 11.7"/><path fill="#fff" d="M23.8 61.6s2.3 9.4 6.9 3.1s9-16.2 9-16.2s.3-2.5 1.6 3s6.9 12.8 6.9 12.8s5.1 6.3 7.2-.3c-.8-8.8 2.3-24.8 5.4-32.5c1.3-6.8-5.9-4.9-6.5-3.2S49.1 40 48.8 50.7c0 0-3.8-10.2-4.1-14c-.3-3.7-4.2-4.7-6.5-1.1S29 53.1 29 53.1l-4.4-22.7s-4.4-5.8-7 1.3c0 0 4.6 27.9 6.2 29.9m58.9-24.9c-6.9-11.4-17-2.8-17-2.8s-7.7 8.9-4.2 21c5.6 12 13.3 6.6 15.4 5.7c2.1-1 11.3-11.4 5.8-23.9m-5.2 10c0 4.8-3.9 9.2-7.2 8.2c-1.8-1-2.9-3.9-2.9-8.6c1.6-7.8 5.2-8.8 7-8.6c3.4 1.8 3.2 5.9 3.1 9m30.8-10c-6.9-11.4-17-2.8-17-2.8s-7.7 8.9-4.2 21c5.6 12 13.3 6.6 15.4 5.7c2.2-1 11.4-11.4 5.8-23.9m-5.2 10c0 4.8-3.9 9.2-7.2 8.2c-1.8-1-2.9-3.9-2.9-8.6c1.6-7.8 5.2-8.8 7-8.6c3.4 1.8 3.3 5.9 3.1 9"/><path fill="#7f54b3" d="M62 71.5L79.9 82l-3.7-10.5l-10.3-2.9z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path d="M12.1 102.4H9.8c-2.9 0-5.2-2.3-5.2-5.2c0-3 2.4-5.4 5.4-5.4h2.1v-4.2H9.3c-5.1 0-9.3 4.2-9.3 9.3c0 5.7 4.6 10.3 10.3 10.3h1.8zm103.8 0h-2.3c-2.9 0-5.2-2.3-5.2-5.2c0-3 2.4-5.4 5.4-5.4h2.1v-4.2H113c-5.1 0-9.3 4.2-9.3 9.3c0 5.7 4.6 10.3 10.3 10.3h1.8v-4.8zM22.1 87.6c-4.5 0-8.1 4.4-8.1 9.8s3.6 9.8 8.1 9.8s8.1-4.4 8.1-9.8s-3.6-9.8-8.1-9.8m0 15.9c-2 0-3.5-2.7-3.5-6s1.6-6 3.5-6c2 0 3.5 2.7 3.5 6s-1.6 6-3.5 6m8.1 3.7l3.1-19.6h6.5l1.9 9.8l2.5-9.8h6l2.9 19.6h-5l-1.6-13.3l-2.7 13.3h-3.4l-3.7-13.1l-1.7 13.1zm24 0l3.1-19.6h6.5l1.8 9.8l2.5-9.8h6.1l2.9 19.6h-5l-1.7-13.3l-2.7 13.3h-3.3l-3.8-13.1l-1.6 13.1zm23.7 0V87.6h10.2v3.8H83v4.2h4.5v3.6h-5.1v3.8h5.7v4.2zm39.9 0V87.6H128v3.8h-5.1v4.2h4.5v3.6h-5.1v3.8h5.7v4.2z"/><path d="M100 98.1c1.6 0 3-1.3 3-3v-1.8c0-3.2-2.6-5.7-5.7-5.7h-7.4v19.6h4.6V98l5 9.2h5.1zm-3.9-1.7h-1.7v-4.8h1.9c1.3 0 2.3 1 2.3 2.3c-.1 1.4-1.2 2.5-2.5 2.5"/><path fill="#7f54b3" d="M104 71.5H24.3c-6.4 0-11.7-5.2-11.7-11.7V32.4c0-6.4 5.2-11.7 11.7-11.7H104c6.4 0 11.7 5.2 11.7 11.7v27.4c0 6.5-5.3 11.7-11.7 11.7"/><path fill="#fff" d="M23.8 61.6s2.3 9.4 6.9 3.1s9-16.2 9-16.2s.3-2.5 1.6 3s6.9 12.8 6.9 12.8s5.1 6.3 7.2-.3c-.8-8.8 2.3-24.8 5.4-32.5c1.3-6.8-5.9-4.9-6.5-3.2S49.1 40 48.8 50.7c0 0-3.8-10.2-4.1-14c-.3-3.7-4.2-4.7-6.5-1.1S29 53.1 29 53.1l-4.4-22.7s-4.4-5.8-7 1.3c0 0 4.6 27.9 6.2 29.9m58.9-24.9c-6.9-11.4-17-2.8-17-2.8s-7.7 8.9-4.2 21c5.6 12 13.3 6.6 15.4 5.7c2.1-1 11.3-11.4 5.8-23.9m-5.2 10c0 4.8-3.9 9.2-7.2 8.2c-1.8-1-2.9-3.9-2.9-8.6c1.6-7.8 5.2-8.8 7-8.6c3.4 1.8 3.2 5.9 3.1 9m30.8-10c-6.9-11.4-17-2.8-17-2.8s-7.7 8.9-4.2 21c5.6 12 13.3 6.6 15.4 5.7c2.2-1 11.4-11.4 5.8-23.9m-5.2 10c0 4.8-3.9 9.2-7.2 8.2c-1.8-1-2.9-3.9-2.9-8.6c1.6-7.8 5.2-8.8 7-8.6c3.4 1.8 3.3 5.9 3.1 9"/><path fill="#7f54b3" d="M62 71.5L79.9 82l-3.7-10.5l-10.3-2.9z"/></svg>
</template>

CSS

.icon-woocommerce-wordmark {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20d%3D%22M12.1%20102.4H9.8c-2.9%200-5.2-2.3-5.2-5.2c0-3%202.4-5.4%205.4-5.4h2.1v-4.2H9.3c-5.1%200-9.3%204.2-9.3%209.3c0%205.7%204.6%2010.3%2010.3%2010.3h1.8zm103.8%200h-2.3c-2.9%200-5.2-2.3-5.2-5.2c0-3%202.4-5.4%205.4-5.4h2.1v-4.2H113c-5.1%200-9.3%204.2-9.3%209.3c0%205.7%204.6%2010.3%2010.3%2010.3h1.8v-4.8zM22.1%2087.6c-4.5%200-8.1%204.4-8.1%209.8s3.6%209.8%208.1%209.8s8.1-4.4%208.1-9.8s-3.6-9.8-8.1-9.8m0%2015.9c-2%200-3.5-2.7-3.5-6s1.6-6%203.5-6c2%200%203.5%202.7%203.5%206s-1.6%206-3.5%206m8.1%203.7l3.1-19.6h6.5l1.9%209.8l2.5-9.8h6l2.9%2019.6h-5l-1.6-13.3l-2.7%2013.3h-3.4l-3.7-13.1l-1.7%2013.1zm24%200l3.1-19.6h6.5l1.8%209.8l2.5-9.8h6.1l2.9%2019.6h-5l-1.7-13.3l-2.7%2013.3h-3.3l-3.8-13.1l-1.6%2013.1zm23.7%200V87.6h10.2v3.8H83v4.2h4.5v3.6h-5.1v3.8h5.7v4.2zm39.9%200V87.6H128v3.8h-5.1v4.2h4.5v3.6h-5.1v3.8h5.7v4.2z%22%2F%3E%3Cpath%20d%3D%22M100%2098.1c1.6%200%203-1.3%203-3v-1.8c0-3.2-2.6-5.7-5.7-5.7h-7.4v19.6h4.6V98l5%209.2h5.1zm-3.9-1.7h-1.7v-4.8h1.9c1.3%200%202.3%201%202.3%202.3c-.1%201.4-1.2%202.5-2.5%202.5%22%2F%3E%3Cpath%20fill%3D%22%237f54b3%22%20d%3D%22M104%2071.5H24.3c-6.4%200-11.7-5.2-11.7-11.7V32.4c0-6.4%205.2-11.7%2011.7-11.7H104c6.4%200%2011.7%205.2%2011.7%2011.7v27.4c0%206.5-5.3%2011.7-11.7%2011.7%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M23.8%2061.6s2.3%209.4%206.9%203.1s9-16.2%209-16.2s.3-2.5%201.6%203s6.9%2012.8%206.9%2012.8s5.1%206.3%207.2-.3c-.8-8.8%202.3-24.8%205.4-32.5c1.3-6.8-5.9-4.9-6.5-3.2S49.1%2040%2048.8%2050.7c0%200-3.8-10.2-4.1-14c-.3-3.7-4.2-4.7-6.5-1.1S29%2053.1%2029%2053.1l-4.4-22.7s-4.4-5.8-7%201.3c0%200%204.6%2027.9%206.2%2029.9m58.9-24.9c-6.9-11.4-17-2.8-17-2.8s-7.7%208.9-4.2%2021c5.6%2012%2013.3%206.6%2015.4%205.7c2.1-1%2011.3-11.4%205.8-23.9m-5.2%2010c0%204.8-3.9%209.2-7.2%208.2c-1.8-1-2.9-3.9-2.9-8.6c1.6-7.8%205.2-8.8%207-8.6c3.4%201.8%203.2%205.9%203.1%209m30.8-10c-6.9-11.4-17-2.8-17-2.8s-7.7%208.9-4.2%2021c5.6%2012%2013.3%206.6%2015.4%205.7c2.2-1%2011.4-11.4%205.8-23.9m-5.2%2010c0%204.8-3.9%209.2-7.2%208.2c-1.8-1-2.9-3.9-2.9-8.6c1.6-7.8%205.2-8.8%207-8.6c3.4%201.8%203.3%205.9%203.1%209%22%2F%3E%3Cpath%20fill%3D%22%237f54b3%22%20d%3D%22M62%2071.5L79.9%2082l-3.7-10.5l-10.3-2.9z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20d%3D%22M12.1%20102.4H9.8c-2.9%200-5.2-2.3-5.2-5.2c0-3%202.4-5.4%205.4-5.4h2.1v-4.2H9.3c-5.1%200-9.3%204.2-9.3%209.3c0%205.7%204.6%2010.3%2010.3%2010.3h1.8zm103.8%200h-2.3c-2.9%200-5.2-2.3-5.2-5.2c0-3%202.4-5.4%205.4-5.4h2.1v-4.2H113c-5.1%200-9.3%204.2-9.3%209.3c0%205.7%204.6%2010.3%2010.3%2010.3h1.8v-4.8zM22.1%2087.6c-4.5%200-8.1%204.4-8.1%209.8s3.6%209.8%208.1%209.8s8.1-4.4%208.1-9.8s-3.6-9.8-8.1-9.8m0%2015.9c-2%200-3.5-2.7-3.5-6s1.6-6%203.5-6c2%200%203.5%202.7%203.5%206s-1.6%206-3.5%206m8.1%203.7l3.1-19.6h6.5l1.9%209.8l2.5-9.8h6l2.9%2019.6h-5l-1.6-13.3l-2.7%2013.3h-3.4l-3.7-13.1l-1.7%2013.1zm24%200l3.1-19.6h6.5l1.8%209.8l2.5-9.8h6.1l2.9%2019.6h-5l-1.7-13.3l-2.7%2013.3h-3.3l-3.8-13.1l-1.6%2013.1zm23.7%200V87.6h10.2v3.8H83v4.2h4.5v3.6h-5.1v3.8h5.7v4.2zm39.9%200V87.6H128v3.8h-5.1v4.2h4.5v3.6h-5.1v3.8h5.7v4.2z%22%2F%3E%3Cpath%20d%3D%22M100%2098.1c1.6%200%203-1.3%203-3v-1.8c0-3.2-2.6-5.7-5.7-5.7h-7.4v19.6h4.6V98l5%209.2h5.1zm-3.9-1.7h-1.7v-4.8h1.9c1.3%200%202.3%201%202.3%202.3c-.1%201.4-1.2%202.5-2.5%202.5%22%2F%3E%3Cpath%20fill%3D%22%237f54b3%22%20d%3D%22M104%2071.5H24.3c-6.4%200-11.7-5.2-11.7-11.7V32.4c0-6.4%205.2-11.7%2011.7-11.7H104c6.4%200%2011.7%205.2%2011.7%2011.7v27.4c0%206.5-5.3%2011.7-11.7%2011.7%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M23.8%2061.6s2.3%209.4%206.9%203.1s9-16.2%209-16.2s.3-2.5%201.6%203s6.9%2012.8%206.9%2012.8s5.1%206.3%207.2-.3c-.8-8.8%202.3-24.8%205.4-32.5c1.3-6.8-5.9-4.9-6.5-3.2S49.1%2040%2048.8%2050.7c0%200-3.8-10.2-4.1-14c-.3-3.7-4.2-4.7-6.5-1.1S29%2053.1%2029%2053.1l-4.4-22.7s-4.4-5.8-7%201.3c0%200%204.6%2027.9%206.2%2029.9m58.9-24.9c-6.9-11.4-17-2.8-17-2.8s-7.7%208.9-4.2%2021c5.6%2012%2013.3%206.6%2015.4%205.7c2.1-1%2011.3-11.4%205.8-23.9m-5.2%2010c0%204.8-3.9%209.2-7.2%208.2c-1.8-1-2.9-3.9-2.9-8.6c1.6-7.8%205.2-8.8%207-8.6c3.4%201.8%203.2%205.9%203.1%209m30.8-10c-6.9-11.4-17-2.8-17-2.8s-7.7%208.9-4.2%2021c5.6%2012%2013.3%206.6%2015.4%205.7c2.2-1%2011.4-11.4%205.8-23.9m-5.2%2010c0%204.8-3.9%209.2-7.2%208.2c-1.8-1-2.9-3.9-2.9-8.6c1.6-7.8%205.2-8.8%207-8.6c3.4%201.8%203.3%205.9%203.1%209%22%2F%3E%3Cpath%20fill%3D%22%237f54b3%22%20d%3D%22M62%2071.5L79.9%2082l-3.7-10.5l-10.3-2.9z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/woocommerce-wordmark.svg?color=%231a73e8&size=48