shopware logo
shopware from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- shopware
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the shopware logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M23.948 10.891a.17.17 0 0 0-.061-.118c-2.503-2.078-4.53-2.926-6.99-2.926c-1.313 0-2.32.264-2.992.783a2.22 2.22 0 0 0-.89 1.812c0 2.06 2.518 3 5.436 4.088c1.502.56 3.057 1.14 4.483 1.932a.16.16 0 0 0 .083.022a.2.2 0 0 0 .059-.01a.17.17 0 0 0 .102-.101c.545-1.396.822-2.867.822-4.374a13 13 0 0 0-.052-1.108m-4.81 10.48c-1.043-.786-2.58-1.383-4.206-2.013c-1.937-.75-4.132-1.603-5.78-2.913c-1.867-1.487-2.776-3.362-2.776-5.732c0-2.129.883-3.947 2.553-5.262c1.873-1.474 4.712-2.254 8.207-2.254c.966 0 1.888.058 2.743.176a.17.17 0 0 0 .179-.098a.17.17 0 0 0-.042-.2A11.96 11.96 0 0 0 12.001.001a11.92 11.92 0 0 0-8.486 3.515A11.92 11.92 0 0 0 0 11.999c0 3.205 1.247 6.218 3.515 8.484A11.92 11.92 0 0 0 12 23.998c2.59 0 5.057-.814 7.135-2.35a.17.17 0 0 0 .07-.138a.17.17 0 0 0-.068-.14"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsShopware(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M23.948 10.891a.17.17 0 0 0-.061-.118c-2.503-2.078-4.53-2.926-6.99-2.926c-1.313 0-2.32.264-2.992.783a2.22 2.22 0 0 0-.89 1.812c0 2.06 2.518 3 5.436 4.088c1.502.56 3.057 1.14 4.483 1.932a.16.16 0 0 0 .083.022a.2.2 0 0 0 .059-.01a.17.17 0 0 0 .102-.101c.545-1.396.822-2.867.822-4.374a13 13 0 0 0-.052-1.108m-4.81 10.48c-1.043-.786-2.58-1.383-4.206-2.013c-1.937-.75-4.132-1.603-5.78-2.913c-1.867-1.487-2.776-3.362-2.776-5.732c0-2.129.883-3.947 2.553-5.262c1.873-1.474 4.712-2.254 8.207-2.254c.966 0 1.888.058 2.743.176a.17.17 0 0 0 .179-.098a.17.17 0 0 0-.042-.2A11.96 11.96 0 0 0 12.001.001a11.92 11.92 0 0 0-8.486 3.515A11.92 11.92 0 0 0 0 11.999c0 3.205 1.247 6.218 3.515 8.484A11.92 11.92 0 0 0 12 23.998c2.59 0 5.057-.814 7.135-2.35a.17.17 0 0 0 .07-.138a.17.17 0 0 0-.068-.14"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M23.948 10.891a.17.17 0 0 0-.061-.118c-2.503-2.078-4.53-2.926-6.99-2.926c-1.313 0-2.32.264-2.992.783a2.22 2.22 0 0 0-.89 1.812c0 2.06 2.518 3 5.436 4.088c1.502.56 3.057 1.14 4.483 1.932a.16.16 0 0 0 .083.022a.2.2 0 0 0 .059-.01a.17.17 0 0 0 .102-.101c.545-1.396.822-2.867.822-4.374a13 13 0 0 0-.052-1.108m-4.81 10.48c-1.043-.786-2.58-1.383-4.206-2.013c-1.937-.75-4.132-1.603-5.78-2.913c-1.867-1.487-2.776-3.362-2.776-5.732c0-2.129.883-3.947 2.553-5.262c1.873-1.474 4.712-2.254 8.207-2.254c.966 0 1.888.058 2.743.176a.17.17 0 0 0 .179-.098a.17.17 0 0 0-.042-.2A11.96 11.96 0 0 0 12.001.001a11.92 11.92 0 0 0-8.486 3.515A11.92 11.92 0 0 0 0 11.999c0 3.205 1.247 6.218 3.515 8.484A11.92 11.92 0 0 0 12 23.998c2.59 0 5.057-.814 7.135-2.35a.17.17 0 0 0 .07-.138a.17.17 0 0 0-.068-.14"/></svg> </template>
CSS
.icon-shopware {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M23.948%2010.891a.17.17%200%200%200-.061-.118c-2.503-2.078-4.53-2.926-6.99-2.926c-1.313%200-2.32.264-2.992.783a2.22%202.22%200%200%200-.89%201.812c0%202.06%202.518%203%205.436%204.088c1.502.56%203.057%201.14%204.483%201.932a.16.16%200%200%200%20.083.022a.2.2%200%200%200%20.059-.01a.17.17%200%200%200%20.102-.101c.545-1.396.822-2.867.822-4.374a13%2013%200%200%200-.052-1.108m-4.81%2010.48c-1.043-.786-2.58-1.383-4.206-2.013c-1.937-.75-4.132-1.603-5.78-2.913c-1.867-1.487-2.776-3.362-2.776-5.732c0-2.129.883-3.947%202.553-5.262c1.873-1.474%204.712-2.254%208.207-2.254c.966%200%201.888.058%202.743.176a.17.17%200%200%200%20.179-.098a.17.17%200%200%200-.042-.2A11.96%2011.96%200%200%200%2012.001.001a11.92%2011.92%200%200%200-8.486%203.515A11.92%2011.92%200%200%200%200%2011.999c0%203.205%201.247%206.218%203.515%208.484A11.92%2011.92%200%200%200%2012%2023.998c2.59%200%205.057-.814%207.135-2.35a.17.17%200%200%200%20.07-.138a.17.17%200%200%200-.068-.14%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M23.948%2010.891a.17.17%200%200%200-.061-.118c-2.503-2.078-4.53-2.926-6.99-2.926c-1.313%200-2.32.264-2.992.783a2.22%202.22%200%200%200-.89%201.812c0%202.06%202.518%203%205.436%204.088c1.502.56%203.057%201.14%204.483%201.932a.16.16%200%200%200%20.083.022a.2.2%200%200%200%20.059-.01a.17.17%200%200%200%20.102-.101c.545-1.396.822-2.867.822-4.374a13%2013%200%200%200-.052-1.108m-4.81%2010.48c-1.043-.786-2.58-1.383-4.206-2.013c-1.937-.75-4.132-1.603-5.78-2.913c-1.867-1.487-2.776-3.362-2.776-5.732c0-2.129.883-3.947%202.553-5.262c1.873-1.474%204.712-2.254%208.207-2.254c.966%200%201.888.058%202.743.176a.17.17%200%200%200%20.179-.098a.17.17%200%200%200-.042-.2A11.96%2011.96%200%200%200%2012.001.001a11.92%2011.92%200%200%200-8.486%203.515A11.92%2011.92%200%200%200%200%2011.999c0%203.205%201.247%206.218%203.515%208.484A11.92%2011.92%200%200%200%2012%2023.998c2.59%200%205.057-.814%207.135-2.35a.17.17%200%200%200%20.07-.138a.17.17%200%200%200-.068-.14%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/shopware.svg?color=%231a73e8&size=48
