woocommerce icon logo
woocommerce-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- woocommerce-icon
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×153
- License
- CC0
Use the woocommerce icon logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 153"><path fill="#7f54b3" fill-rule="evenodd" d="M232.138 0H23.759C10.572 0-.103 10.78.001 23.862v79.542c0 13.187 10.676 23.863 23.863 23.863h98.694l45.11 25.118l-10.258-25.118h74.728c13.187 0 23.862-10.676 23.862-23.863V23.862C256 10.675 245.325 0 232.138 0M19.364 18.42c-2.93.21-5.128 1.256-6.594 3.245c-1.465 1.883-1.988 4.29-1.674 7.012q9.262 58.871 17.269 79.437c2.093 5.023 4.5 7.431 7.326 7.222c4.396-.315 9.629-6.385 15.804-18.211q4.867-10.048 15.07-30.143c5.652 19.781 13.397 34.643 23.13 44.586c2.722 2.825 5.548 4.081 8.268 3.872c2.408-.21 4.292-1.465 5.548-3.768q1.57-2.982 1.256-6.907c-.628-9.524.314-22.816 2.93-39.876c2.721-17.583 6.07-30.247 10.152-37.782c.837-1.57 1.151-3.14 1.047-5.024c-.21-2.407-1.256-4.395-3.245-5.965c-1.988-1.57-4.186-2.303-6.593-2.094c-3.035.21-5.338 1.675-6.908 4.605c-6.489 11.827-11.094 30.98-13.815 57.563C84.358 66.145 81.01 54.32 78.392 40.4c-1.15-6.175-3.977-9.106-8.582-8.792q-4.71.315-7.85 6.28L39.04 81.53c-3.768-15.176-7.326-33.7-10.57-55.574q-1.1-8.164-9.106-7.536m201.68 7.536c7.431 1.57 12.978 5.547 16.746 12.14c3.349 5.652 5.023 12.455 5.023 20.619c0 10.78-2.72 20.618-8.163 29.618c-6.28 10.467-14.443 15.7-24.595 15.7q-2.67 0-5.652-.629c-7.43-1.57-12.978-5.546-16.746-12.14q-5.023-8.634-5.023-20.723q0-16.17 8.163-29.514c6.385-10.466 14.548-15.699 24.596-15.699q2.669 0 5.651.628m-4.395 56.62c3.872-3.453 6.488-8.581 7.954-15.489c.418-2.407.732-5.023.732-7.744c0-3.036-.628-6.28-1.884-9.525c-1.57-4.081-3.663-6.28-6.175-6.802c-3.767-.733-7.43 1.36-10.884 6.489c-2.826 3.977-4.606 8.163-5.547 12.454c-.524 2.407-.733 5.024-.733 7.64c0 3.035.628 6.28 1.884 9.524c1.57 4.082 3.663 6.28 6.175 6.803c2.616.523 5.442-.628 8.478-3.35m-44.481-44.48c-3.768-6.593-9.42-10.57-16.746-12.14q-2.983-.628-5.652-.628c-10.047 0-18.21 5.233-24.595 15.7q-8.164 13.343-8.163 29.513q0 12.09 5.023 20.723c3.768 6.594 9.315 10.57 16.746 12.14q2.982.628 5.652.628c10.152 0 18.315-5.232 24.595-15.699c5.442-9 8.163-18.839 8.163-29.618c0-8.164-1.675-14.967-5.023-20.618M158.98 67.088c-1.465 6.908-4.082 12.036-7.954 15.49c-3.035 2.721-5.86 3.872-8.477 3.35c-2.512-.524-4.606-2.722-6.175-6.804c-1.256-3.244-1.884-6.489-1.884-9.524c0-2.616.209-5.233.733-7.64c.941-4.291 2.72-8.477 5.546-12.454c3.455-5.129 7.118-7.222 10.885-6.49c2.512.524 4.605 2.722 6.175 6.803c1.256 3.245 1.884 6.49 1.884 9.525c0 2.72-.21 5.337-.733 7.744"/></svg>
React
import type { SVGProps } from "react";
export function LogosWoocommerceIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 153"><path fill="#7f54b3" fillRule="evenodd" d="M232.138 0H23.759C10.572 0-.103 10.78.001 23.862v79.542c0 13.187 10.676 23.863 23.863 23.863h98.694l45.11 25.118l-10.258-25.118h74.728c13.187 0 23.862-10.676 23.862-23.863V23.862C256 10.675 245.325 0 232.138 0M19.364 18.42c-2.93.21-5.128 1.256-6.594 3.245c-1.465 1.883-1.988 4.29-1.674 7.012q9.262 58.871 17.269 79.437c2.093 5.023 4.5 7.431 7.326 7.222c4.396-.315 9.629-6.385 15.804-18.211q4.867-10.048 15.07-30.143c5.652 19.781 13.397 34.643 23.13 44.586c2.722 2.825 5.548 4.081 8.268 3.872c2.408-.21 4.292-1.465 5.548-3.768q1.57-2.982 1.256-6.907c-.628-9.524.314-22.816 2.93-39.876c2.721-17.583 6.07-30.247 10.152-37.782c.837-1.57 1.151-3.14 1.047-5.024c-.21-2.407-1.256-4.395-3.245-5.965c-1.988-1.57-4.186-2.303-6.593-2.094c-3.035.21-5.338 1.675-6.908 4.605c-6.489 11.827-11.094 30.98-13.815 57.563C84.358 66.145 81.01 54.32 78.392 40.4c-1.15-6.175-3.977-9.106-8.582-8.792q-4.71.315-7.85 6.28L39.04 81.53c-3.768-15.176-7.326-33.7-10.57-55.574q-1.1-8.164-9.106-7.536m201.68 7.536c7.431 1.57 12.978 5.547 16.746 12.14c3.349 5.652 5.023 12.455 5.023 20.619c0 10.78-2.72 20.618-8.163 29.618c-6.28 10.467-14.443 15.7-24.595 15.7q-2.67 0-5.652-.629c-7.43-1.57-12.978-5.546-16.746-12.14q-5.023-8.634-5.023-20.723q0-16.17 8.163-29.514c6.385-10.466 14.548-15.699 24.596-15.699q2.669 0 5.651.628m-4.395 56.62c3.872-3.453 6.488-8.581 7.954-15.489c.418-2.407.732-5.023.732-7.744c0-3.036-.628-6.28-1.884-9.525c-1.57-4.081-3.663-6.28-6.175-6.802c-3.767-.733-7.43 1.36-10.884 6.489c-2.826 3.977-4.606 8.163-5.547 12.454c-.524 2.407-.733 5.024-.733 7.64c0 3.035.628 6.28 1.884 9.524c1.57 4.082 3.663 6.28 6.175 6.803c2.616.523 5.442-.628 8.478-3.35m-44.481-44.48c-3.768-6.593-9.42-10.57-16.746-12.14q-2.983-.628-5.652-.628c-10.047 0-18.21 5.233-24.595 15.7q-8.164 13.343-8.163 29.513q0 12.09 5.023 20.723c3.768 6.594 9.315 10.57 16.746 12.14q2.982.628 5.652.628c10.152 0 18.315-5.232 24.595-15.699c5.442-9 8.163-18.839 8.163-29.618c0-8.164-1.675-14.967-5.023-20.618M158.98 67.088c-1.465 6.908-4.082 12.036-7.954 15.49c-3.035 2.721-5.86 3.872-8.477 3.35c-2.512-.524-4.606-2.722-6.175-6.804c-1.256-3.244-1.884-6.489-1.884-9.524c0-2.616.209-5.233.733-7.64c.941-4.291 2.72-8.477 5.546-12.454c3.455-5.129 7.118-7.222 10.885-6.49c2.512.524 4.605 2.722 6.175 6.803c1.256 3.245 1.884 6.49 1.884 9.525c0 2.72-.21 5.337-.733 7.744"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 153"><path fill="#7f54b3" fill-rule="evenodd" d="M232.138 0H23.759C10.572 0-.103 10.78.001 23.862v79.542c0 13.187 10.676 23.863 23.863 23.863h98.694l45.11 25.118l-10.258-25.118h74.728c13.187 0 23.862-10.676 23.862-23.863V23.862C256 10.675 245.325 0 232.138 0M19.364 18.42c-2.93.21-5.128 1.256-6.594 3.245c-1.465 1.883-1.988 4.29-1.674 7.012q9.262 58.871 17.269 79.437c2.093 5.023 4.5 7.431 7.326 7.222c4.396-.315 9.629-6.385 15.804-18.211q4.867-10.048 15.07-30.143c5.652 19.781 13.397 34.643 23.13 44.586c2.722 2.825 5.548 4.081 8.268 3.872c2.408-.21 4.292-1.465 5.548-3.768q1.57-2.982 1.256-6.907c-.628-9.524.314-22.816 2.93-39.876c2.721-17.583 6.07-30.247 10.152-37.782c.837-1.57 1.151-3.14 1.047-5.024c-.21-2.407-1.256-4.395-3.245-5.965c-1.988-1.57-4.186-2.303-6.593-2.094c-3.035.21-5.338 1.675-6.908 4.605c-6.489 11.827-11.094 30.98-13.815 57.563C84.358 66.145 81.01 54.32 78.392 40.4c-1.15-6.175-3.977-9.106-8.582-8.792q-4.71.315-7.85 6.28L39.04 81.53c-3.768-15.176-7.326-33.7-10.57-55.574q-1.1-8.164-9.106-7.536m201.68 7.536c7.431 1.57 12.978 5.547 16.746 12.14c3.349 5.652 5.023 12.455 5.023 20.619c0 10.78-2.72 20.618-8.163 29.618c-6.28 10.467-14.443 15.7-24.595 15.7q-2.67 0-5.652-.629c-7.43-1.57-12.978-5.546-16.746-12.14q-5.023-8.634-5.023-20.723q0-16.17 8.163-29.514c6.385-10.466 14.548-15.699 24.596-15.699q2.669 0 5.651.628m-4.395 56.62c3.872-3.453 6.488-8.581 7.954-15.489c.418-2.407.732-5.023.732-7.744c0-3.036-.628-6.28-1.884-9.525c-1.57-4.081-3.663-6.28-6.175-6.802c-3.767-.733-7.43 1.36-10.884 6.489c-2.826 3.977-4.606 8.163-5.547 12.454c-.524 2.407-.733 5.024-.733 7.64c0 3.035.628 6.28 1.884 9.524c1.57 4.082 3.663 6.28 6.175 6.803c2.616.523 5.442-.628 8.478-3.35m-44.481-44.48c-3.768-6.593-9.42-10.57-16.746-12.14q-2.983-.628-5.652-.628c-10.047 0-18.21 5.233-24.595 15.7q-8.164 13.343-8.163 29.513q0 12.09 5.023 20.723c3.768 6.594 9.315 10.57 16.746 12.14q2.982.628 5.652.628c10.152 0 18.315-5.232 24.595-15.699c5.442-9 8.163-18.839 8.163-29.618c0-8.164-1.675-14.967-5.023-20.618M158.98 67.088c-1.465 6.908-4.082 12.036-7.954 15.49c-3.035 2.721-5.86 3.872-8.477 3.35c-2.512-.524-4.606-2.722-6.175-6.804c-1.256-3.244-1.884-6.489-1.884-9.524c0-2.616.209-5.233.733-7.64c.941-4.291 2.72-8.477 5.546-12.454c3.455-5.129 7.118-7.222 10.885-6.49c2.512.524 4.605 2.722 6.175 6.803c1.256 3.245 1.884 6.49 1.884 9.525c0 2.72-.21 5.337-.733 7.744"/></svg> </template>
CSS
.icon-woocommerce-icon {
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%20256%20153%22%3E%3Cpath%20fill%3D%22%237f54b3%22%20fill-rule%3D%22evenodd%22%20d%3D%22M232.138%200H23.759C10.572%200-.103%2010.78.001%2023.862v79.542c0%2013.187%2010.676%2023.863%2023.863%2023.863h98.694l45.11%2025.118l-10.258-25.118h74.728c13.187%200%2023.862-10.676%2023.862-23.863V23.862C256%2010.675%20245.325%200%20232.138%200M19.364%2018.42c-2.93.21-5.128%201.256-6.594%203.245c-1.465%201.883-1.988%204.29-1.674%207.012q9.262%2058.871%2017.269%2079.437c2.093%205.023%204.5%207.431%207.326%207.222c4.396-.315%209.629-6.385%2015.804-18.211q4.867-10.048%2015.07-30.143c5.652%2019.781%2013.397%2034.643%2023.13%2044.586c2.722%202.825%205.548%204.081%208.268%203.872c2.408-.21%204.292-1.465%205.548-3.768q1.57-2.982%201.256-6.907c-.628-9.524.314-22.816%202.93-39.876c2.721-17.583%206.07-30.247%2010.152-37.782c.837-1.57%201.151-3.14%201.047-5.024c-.21-2.407-1.256-4.395-3.245-5.965c-1.988-1.57-4.186-2.303-6.593-2.094c-3.035.21-5.338%201.675-6.908%204.605c-6.489%2011.827-11.094%2030.98-13.815%2057.563C84.358%2066.145%2081.01%2054.32%2078.392%2040.4c-1.15-6.175-3.977-9.106-8.582-8.792q-4.71.315-7.85%206.28L39.04%2081.53c-3.768-15.176-7.326-33.7-10.57-55.574q-1.1-8.164-9.106-7.536m201.68%207.536c7.431%201.57%2012.978%205.547%2016.746%2012.14c3.349%205.652%205.023%2012.455%205.023%2020.619c0%2010.78-2.72%2020.618-8.163%2029.618c-6.28%2010.467-14.443%2015.7-24.595%2015.7q-2.67%200-5.652-.629c-7.43-1.57-12.978-5.546-16.746-12.14q-5.023-8.634-5.023-20.723q0-16.17%208.163-29.514c6.385-10.466%2014.548-15.699%2024.596-15.699q2.669%200%205.651.628m-4.395%2056.62c3.872-3.453%206.488-8.581%207.954-15.489c.418-2.407.732-5.023.732-7.744c0-3.036-.628-6.28-1.884-9.525c-1.57-4.081-3.663-6.28-6.175-6.802c-3.767-.733-7.43%201.36-10.884%206.489c-2.826%203.977-4.606%208.163-5.547%2012.454c-.524%202.407-.733%205.024-.733%207.64c0%203.035.628%206.28%201.884%209.524c1.57%204.082%203.663%206.28%206.175%206.803c2.616.523%205.442-.628%208.478-3.35m-44.481-44.48c-3.768-6.593-9.42-10.57-16.746-12.14q-2.983-.628-5.652-.628c-10.047%200-18.21%205.233-24.595%2015.7q-8.164%2013.343-8.163%2029.513q0%2012.09%205.023%2020.723c3.768%206.594%209.315%2010.57%2016.746%2012.14q2.982.628%205.652.628c10.152%200%2018.315-5.232%2024.595-15.699c5.442-9%208.163-18.839%208.163-29.618c0-8.164-1.675-14.967-5.023-20.618M158.98%2067.088c-1.465%206.908-4.082%2012.036-7.954%2015.49c-3.035%202.721-5.86%203.872-8.477%203.35c-2.512-.524-4.606-2.722-6.175-6.804c-1.256-3.244-1.884-6.489-1.884-9.524c0-2.616.209-5.233.733-7.64c.941-4.291%202.72-8.477%205.546-12.454c3.455-5.129%207.118-7.222%2010.885-6.49c2.512.524%204.605%202.722%206.175%206.803c1.256%203.245%201.884%206.49%201.884%209.525c0%202.72-.21%205.337-.733%207.744%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%20256%20153%22%3E%3Cpath%20fill%3D%22%237f54b3%22%20fill-rule%3D%22evenodd%22%20d%3D%22M232.138%200H23.759C10.572%200-.103%2010.78.001%2023.862v79.542c0%2013.187%2010.676%2023.863%2023.863%2023.863h98.694l45.11%2025.118l-10.258-25.118h74.728c13.187%200%2023.862-10.676%2023.862-23.863V23.862C256%2010.675%20245.325%200%20232.138%200M19.364%2018.42c-2.93.21-5.128%201.256-6.594%203.245c-1.465%201.883-1.988%204.29-1.674%207.012q9.262%2058.871%2017.269%2079.437c2.093%205.023%204.5%207.431%207.326%207.222c4.396-.315%209.629-6.385%2015.804-18.211q4.867-10.048%2015.07-30.143c5.652%2019.781%2013.397%2034.643%2023.13%2044.586c2.722%202.825%205.548%204.081%208.268%203.872c2.408-.21%204.292-1.465%205.548-3.768q1.57-2.982%201.256-6.907c-.628-9.524.314-22.816%202.93-39.876c2.721-17.583%206.07-30.247%2010.152-37.782c.837-1.57%201.151-3.14%201.047-5.024c-.21-2.407-1.256-4.395-3.245-5.965c-1.988-1.57-4.186-2.303-6.593-2.094c-3.035.21-5.338%201.675-6.908%204.605c-6.489%2011.827-11.094%2030.98-13.815%2057.563C84.358%2066.145%2081.01%2054.32%2078.392%2040.4c-1.15-6.175-3.977-9.106-8.582-8.792q-4.71.315-7.85%206.28L39.04%2081.53c-3.768-15.176-7.326-33.7-10.57-55.574q-1.1-8.164-9.106-7.536m201.68%207.536c7.431%201.57%2012.978%205.547%2016.746%2012.14c3.349%205.652%205.023%2012.455%205.023%2020.619c0%2010.78-2.72%2020.618-8.163%2029.618c-6.28%2010.467-14.443%2015.7-24.595%2015.7q-2.67%200-5.652-.629c-7.43-1.57-12.978-5.546-16.746-12.14q-5.023-8.634-5.023-20.723q0-16.17%208.163-29.514c6.385-10.466%2014.548-15.699%2024.596-15.699q2.669%200%205.651.628m-4.395%2056.62c3.872-3.453%206.488-8.581%207.954-15.489c.418-2.407.732-5.023.732-7.744c0-3.036-.628-6.28-1.884-9.525c-1.57-4.081-3.663-6.28-6.175-6.802c-3.767-.733-7.43%201.36-10.884%206.489c-2.826%203.977-4.606%208.163-5.547%2012.454c-.524%202.407-.733%205.024-.733%207.64c0%203.035.628%206.28%201.884%209.524c1.57%204.082%203.663%206.28%206.175%206.803c2.616.523%205.442-.628%208.478-3.35m-44.481-44.48c-3.768-6.593-9.42-10.57-16.746-12.14q-2.983-.628-5.652-.628c-10.047%200-18.21%205.233-24.595%2015.7q-8.164%2013.343-8.163%2029.513q0%2012.09%205.023%2020.723c3.768%206.594%209.315%2010.57%2016.746%2012.14q2.982.628%205.652.628c10.152%200%2018.315-5.232%2024.595-15.699c5.442-9%208.163-18.839%208.163-29.618c0-8.164-1.675-14.967-5.023-20.618M158.98%2067.088c-1.465%206.908-4.082%2012.036-7.954%2015.49c-3.035%202.721-5.86%203.872-8.477%203.35c-2.512-.524-4.606-2.722-6.175-6.804c-1.256-3.244-1.884-6.489-1.884-9.524c0-2.616.209-5.233.733-7.64c.941-4.291%202.72-8.477%205.546-12.454c3.455-5.129%207.118-7.222%2010.885-6.49c2.512.524%204.605%202.722%206.175%206.803c1.256%203.245%201.884%206.49%201.884%209.525c0%202.72-.21%205.337-.733%207.744%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/woocommerce-icon.svg?color=%231a73e8&size=48
