shopify icon
shopify from Jam Icons by Michael Amprimo · Outline · MIT Free for personal and commercial use.
- Name
- shopify
- Set
- Jam Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Related icons in Jam Icons
Use the shopify icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-3 -2 24 24"><path fill="currentColor" d="m12.338 2.395l.032.027l1.18 1.171l1.6.12c.073.006.16.061.174.161l2.172 14.693l-6.148 1.33L0 17.771S1.456 6.509 1.511 6.11c.073-.524.091-.541.648-.716l1.796-.557C4.339 3.208 5.565 0 8.13 0c.335 0 .723.18 1.037.594L9.26.591c1.101 0 1.727.939 2.082 1.96l.595-.184c.08-.024.278-.056.4.028zM9.261 7.11s-.513-.297-1.55-.297c-2.692 0-4.026 1.798-4.026 3.656c0 2.208 2.203 2.268 2.203 3.611c0 .325-.23.77-.795.77c-.864 0-1.888-.88-1.888-.88l-.521 1.724s.996 1.212 2.944 1.212c1.623 0 2.827-1.222 2.827-3.12c0-2.413-2.685-2.807-2.685-3.837c0-.19.06-.938 1.254-.938a3.5 3.5 0 0 1 1.478.354zm1.455-4.366c-.243-.743-.621-1.389-1.189-1.46c.141.405.23.916.23 1.55l-.001.208zM8.823 1.41c-.626.268-1.342.98-1.723 2.454l1.983-.614v-.111c0-.766-.102-1.334-.26-1.73zM8.061.688c-1.844 0-2.879 2.42-3.315 3.905l1.567-.486C6.686 2.161 7.567 1.187 8.39.8a.6.6 0 0 0-.33-.11z"/></svg>
React
import type { SVGProps } from "react";
export function JamShopify(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-3 -2 24 24"><path fill="currentColor" d="m12.338 2.395l.032.027l1.18 1.171l1.6.12c.073.006.16.061.174.161l2.172 14.693l-6.148 1.33L0 17.771S1.456 6.509 1.511 6.11c.073-.524.091-.541.648-.716l1.796-.557C4.339 3.208 5.565 0 8.13 0c.335 0 .723.18 1.037.594L9.26.591c1.101 0 1.727.939 2.082 1.96l.595-.184c.08-.024.278-.056.4.028zM9.261 7.11s-.513-.297-1.55-.297c-2.692 0-4.026 1.798-4.026 3.656c0 2.208 2.203 2.268 2.203 3.611c0 .325-.23.77-.795.77c-.864 0-1.888-.88-1.888-.88l-.521 1.724s.996 1.212 2.944 1.212c1.623 0 2.827-1.222 2.827-3.12c0-2.413-2.685-2.807-2.685-3.837c0-.19.06-.938 1.254-.938a3.5 3.5 0 0 1 1.478.354zm1.455-4.366c-.243-.743-.621-1.389-1.189-1.46c.141.405.23.916.23 1.55l-.001.208zM8.823 1.41c-.626.268-1.342.98-1.723 2.454l1.983-.614v-.111c0-.766-.102-1.334-.26-1.73zM8.061.688c-1.844 0-2.879 2.42-3.315 3.905l1.567-.486C6.686 2.161 7.567 1.187 8.39.8a.6.6 0 0 0-.33-.11z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-3 -2 24 24"><path fill="currentColor" d="m12.338 2.395l.032.027l1.18 1.171l1.6.12c.073.006.16.061.174.161l2.172 14.693l-6.148 1.33L0 17.771S1.456 6.509 1.511 6.11c.073-.524.091-.541.648-.716l1.796-.557C4.339 3.208 5.565 0 8.13 0c.335 0 .723.18 1.037.594L9.26.591c1.101 0 1.727.939 2.082 1.96l.595-.184c.08-.024.278-.056.4.028zM9.261 7.11s-.513-.297-1.55-.297c-2.692 0-4.026 1.798-4.026 3.656c0 2.208 2.203 2.268 2.203 3.611c0 .325-.23.77-.795.77c-.864 0-1.888-.88-1.888-.88l-.521 1.724s.996 1.212 2.944 1.212c1.623 0 2.827-1.222 2.827-3.12c0-2.413-2.685-2.807-2.685-3.837c0-.19.06-.938 1.254-.938a3.5 3.5 0 0 1 1.478.354zm1.455-4.366c-.243-.743-.621-1.389-1.189-1.46c.141.405.23.916.23 1.55l-.001.208zM8.823 1.41c-.626.268-1.342.98-1.723 2.454l1.983-.614v-.111c0-.766-.102-1.334-.26-1.73zM8.061.688c-1.844 0-2.879 2.42-3.315 3.905l1.567-.486C6.686 2.161 7.567 1.187 8.39.8a.6.6 0 0 0-.33-.11z"/></svg> </template>
CSS
.icon-shopify {
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%22-3%20-2%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m12.338%202.395l.032.027l1.18%201.171l1.6.12c.073.006.16.061.174.161l2.172%2014.693l-6.148%201.33L0%2017.771S1.456%206.509%201.511%206.11c.073-.524.091-.541.648-.716l1.796-.557C4.339%203.208%205.565%200%208.13%200c.335%200%20.723.18%201.037.594L9.26.591c1.101%200%201.727.939%202.082%201.96l.595-.184c.08-.024.278-.056.4.028zM9.261%207.11s-.513-.297-1.55-.297c-2.692%200-4.026%201.798-4.026%203.656c0%202.208%202.203%202.268%202.203%203.611c0%20.325-.23.77-.795.77c-.864%200-1.888-.88-1.888-.88l-.521%201.724s.996%201.212%202.944%201.212c1.623%200%202.827-1.222%202.827-3.12c0-2.413-2.685-2.807-2.685-3.837c0-.19.06-.938%201.254-.938a3.5%203.5%200%200%201%201.478.354zm1.455-4.366c-.243-.743-.621-1.389-1.189-1.46c.141.405.23.916.23%201.55l-.001.208zM8.823%201.41c-.626.268-1.342.98-1.723%202.454l1.983-.614v-.111c0-.766-.102-1.334-.26-1.73zM8.061.688c-1.844%200-2.879%202.42-3.315%203.905l1.567-.486C6.686%202.161%207.567%201.187%208.39.8a.6.6%200%200%200-.33-.11z%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%22-3%20-2%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m12.338%202.395l.032.027l1.18%201.171l1.6.12c.073.006.16.061.174.161l2.172%2014.693l-6.148%201.33L0%2017.771S1.456%206.509%201.511%206.11c.073-.524.091-.541.648-.716l1.796-.557C4.339%203.208%205.565%200%208.13%200c.335%200%20.723.18%201.037.594L9.26.591c1.101%200%201.727.939%202.082%201.96l.595-.184c.08-.024.278-.056.4.028zM9.261%207.11s-.513-.297-1.55-.297c-2.692%200-4.026%201.798-4.026%203.656c0%202.208%202.203%202.268%202.203%203.611c0%20.325-.23.77-.795.77c-.864%200-1.888-.88-1.888-.88l-.521%201.724s.996%201.212%202.944%201.212c1.623%200%202.827-1.222%202.827-3.12c0-2.413-2.685-2.807-2.685-3.837c0-.19.06-.938%201.254-.938a3.5%203.5%200%200%201%201.478.354zm1.455-4.366c-.243-.743-.621-1.389-1.189-1.46c.141.405.23.916.23%201.55l-.001.208zM8.823%201.41c-.626.268-1.342.98-1.723%202.454l1.983-.614v-.111c0-.766-.102-1.334-.26-1.73zM8.061.688c-1.844%200-2.879%202.42-3.315%203.905l1.567-.486C6.686%202.161%207.567%201.187%208.39.8a.6.6%200%200%200-.33-.11z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/jam/shopify.svg?color=%231a73e8&size=48
