shopify logo
shopify from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- shopify
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the shopify logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m20.448 31.974l9.625-2.083s-3.474-23.484-3.5-23.641s-.156-.255-.281-.255c-.13 0-2.573-.182-2.573-.182s-1.703-1.698-1.922-1.88a.4.4 0 0 0-.161-.099l-1.219 28.141zm-4.833-16.901s-1.083-.563-2.365-.563c-1.932 0-2.005 1.203-2.005 1.521c0 1.641 4.318 2.286 4.318 6.172c0 3.057-1.922 5.01-4.542 5.01c-3.141 0-4.719-1.953-4.719-1.953l.859-2.781s1.661 1.422 3.042 1.422c.901 0 1.302-.724 1.302-1.245c0-2.156-3.542-2.255-3.542-5.807c-.047-2.984 2.094-5.891 6.438-5.891c1.677 0 2.5.479 2.5.479l-1.26 3.625zm-.719-13.969c.177 0 .359.052.536.182c-1.313.62-2.75 2.188-3.344 5.323a76 76 0 0 1-2.516.771c.688-2.38 2.359-6.26 5.323-6.26zm1.646 3.932v.182c-1.005.307-2.115.646-3.193.979c.62-2.37 1.776-3.526 2.781-3.958c.255.667.411 1.568.411 2.797zm.718-2.973c.922.094 1.521 1.151 1.901 2.339c-.464.151-.979.307-1.542.484v-.333c0-1.005-.13-1.828-.359-2.495zm3.99 1.718c-.031 0-.083.026-.104.026c-.026 0-.385.099-.953.281C19.63 2.442 18.625.927 16.849.927h-.156C16.183.281 15.558 0 15.021 0c-4.141 0-6.12 5.172-6.74 7.797c-1.594.484-2.75.844-2.88.896c-.901.286-.927.313-1.031 1.161c-.099.615-2.438 18.75-2.438 18.75L20.01 32z"/></svg>
React
import type { SVGProps } from "react";
export function CibShopify(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m20.448 31.974l9.625-2.083s-3.474-23.484-3.5-23.641s-.156-.255-.281-.255c-.13 0-2.573-.182-2.573-.182s-1.703-1.698-1.922-1.88a.4.4 0 0 0-.161-.099l-1.219 28.141zm-4.833-16.901s-1.083-.563-2.365-.563c-1.932 0-2.005 1.203-2.005 1.521c0 1.641 4.318 2.286 4.318 6.172c0 3.057-1.922 5.01-4.542 5.01c-3.141 0-4.719-1.953-4.719-1.953l.859-2.781s1.661 1.422 3.042 1.422c.901 0 1.302-.724 1.302-1.245c0-2.156-3.542-2.255-3.542-5.807c-.047-2.984 2.094-5.891 6.438-5.891c1.677 0 2.5.479 2.5.479l-1.26 3.625zm-.719-13.969c.177 0 .359.052.536.182c-1.313.62-2.75 2.188-3.344 5.323a76 76 0 0 1-2.516.771c.688-2.38 2.359-6.26 5.323-6.26zm1.646 3.932v.182c-1.005.307-2.115.646-3.193.979c.62-2.37 1.776-3.526 2.781-3.958c.255.667.411 1.568.411 2.797zm.718-2.973c.922.094 1.521 1.151 1.901 2.339c-.464.151-.979.307-1.542.484v-.333c0-1.005-.13-1.828-.359-2.495zm3.99 1.718c-.031 0-.083.026-.104.026c-.026 0-.385.099-.953.281C19.63 2.442 18.625.927 16.849.927h-.156C16.183.281 15.558 0 15.021 0c-4.141 0-6.12 5.172-6.74 7.797c-1.594.484-2.75.844-2.88.896c-.901.286-.927.313-1.031 1.161c-.099.615-2.438 18.75-2.438 18.75L20.01 32z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m20.448 31.974l9.625-2.083s-3.474-23.484-3.5-23.641s-.156-.255-.281-.255c-.13 0-2.573-.182-2.573-.182s-1.703-1.698-1.922-1.88a.4.4 0 0 0-.161-.099l-1.219 28.141zm-4.833-16.901s-1.083-.563-2.365-.563c-1.932 0-2.005 1.203-2.005 1.521c0 1.641 4.318 2.286 4.318 6.172c0 3.057-1.922 5.01-4.542 5.01c-3.141 0-4.719-1.953-4.719-1.953l.859-2.781s1.661 1.422 3.042 1.422c.901 0 1.302-.724 1.302-1.245c0-2.156-3.542-2.255-3.542-5.807c-.047-2.984 2.094-5.891 6.438-5.891c1.677 0 2.5.479 2.5.479l-1.26 3.625zm-.719-13.969c.177 0 .359.052.536.182c-1.313.62-2.75 2.188-3.344 5.323a76 76 0 0 1-2.516.771c.688-2.38 2.359-6.26 5.323-6.26zm1.646 3.932v.182c-1.005.307-2.115.646-3.193.979c.62-2.37 1.776-3.526 2.781-3.958c.255.667.411 1.568.411 2.797zm.718-2.973c.922.094 1.521 1.151 1.901 2.339c-.464.151-.979.307-1.542.484v-.333c0-1.005-.13-1.828-.359-2.495zm3.99 1.718c-.031 0-.083.026-.104.026c-.026 0-.385.099-.953.281C19.63 2.442 18.625.927 16.849.927h-.156C16.183.281 15.558 0 15.021 0c-4.141 0-6.12 5.172-6.74 7.797c-1.594.484-2.75.844-2.88.896c-.901.286-.927.313-1.031 1.161c-.099.615-2.438 18.75-2.438 18.75L20.01 32z"/></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%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m20.448%2031.974l9.625-2.083s-3.474-23.484-3.5-23.641s-.156-.255-.281-.255c-.13%200-2.573-.182-2.573-.182s-1.703-1.698-1.922-1.88a.4.4%200%200%200-.161-.099l-1.219%2028.141zm-4.833-16.901s-1.083-.563-2.365-.563c-1.932%200-2.005%201.203-2.005%201.521c0%201.641%204.318%202.286%204.318%206.172c0%203.057-1.922%205.01-4.542%205.01c-3.141%200-4.719-1.953-4.719-1.953l.859-2.781s1.661%201.422%203.042%201.422c.901%200%201.302-.724%201.302-1.245c0-2.156-3.542-2.255-3.542-5.807c-.047-2.984%202.094-5.891%206.438-5.891c1.677%200%202.5.479%202.5.479l-1.26%203.625zm-.719-13.969c.177%200%20.359.052.536.182c-1.313.62-2.75%202.188-3.344%205.323a76%2076%200%200%201-2.516.771c.688-2.38%202.359-6.26%205.323-6.26zm1.646%203.932v.182c-1.005.307-2.115.646-3.193.979c.62-2.37%201.776-3.526%202.781-3.958c.255.667.411%201.568.411%202.797zm.718-2.973c.922.094%201.521%201.151%201.901%202.339c-.464.151-.979.307-1.542.484v-.333c0-1.005-.13-1.828-.359-2.495zm3.99%201.718c-.031%200-.083.026-.104.026c-.026%200-.385.099-.953.281C19.63%202.442%2018.625.927%2016.849.927h-.156C16.183.281%2015.558%200%2015.021%200c-4.141%200-6.12%205.172-6.74%207.797c-1.594.484-2.75.844-2.88.896c-.901.286-.927.313-1.031%201.161c-.099.615-2.438%2018.75-2.438%2018.75L20.01%2032z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m20.448%2031.974l9.625-2.083s-3.474-23.484-3.5-23.641s-.156-.255-.281-.255c-.13%200-2.573-.182-2.573-.182s-1.703-1.698-1.922-1.88a.4.4%200%200%200-.161-.099l-1.219%2028.141zm-4.833-16.901s-1.083-.563-2.365-.563c-1.932%200-2.005%201.203-2.005%201.521c0%201.641%204.318%202.286%204.318%206.172c0%203.057-1.922%205.01-4.542%205.01c-3.141%200-4.719-1.953-4.719-1.953l.859-2.781s1.661%201.422%203.042%201.422c.901%200%201.302-.724%201.302-1.245c0-2.156-3.542-2.255-3.542-5.807c-.047-2.984%202.094-5.891%206.438-5.891c1.677%200%202.5.479%202.5.479l-1.26%203.625zm-.719-13.969c.177%200%20.359.052.536.182c-1.313.62-2.75%202.188-3.344%205.323a76%2076%200%200%201-2.516.771c.688-2.38%202.359-6.26%205.323-6.26zm1.646%203.932v.182c-1.005.307-2.115.646-3.193.979c.62-2.37%201.776-3.526%202.781-3.958c.255.667.411%201.568.411%202.797zm.718-2.973c.922.094%201.521%201.151%201.901%202.339c-.464.151-.979.307-1.542.484v-.333c0-1.005-.13-1.828-.359-2.495zm3.99%201.718c-.031%200-.083.026-.104.026c-.026%200-.385.099-.953.281C19.63%202.442%2018.625.927%2016.849.927h-.156C16.183.281%2015.558%200%2015.021%200c-4.141%200-6.12%205.172-6.74%207.797c-1.594.484-2.75.844-2.88.896c-.901.286-.927.313-1.031%201.161c-.099.615-2.438%2018.75-2.438%2018.75L20.01%2032z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/shopify.svg?color=%231a73e8&size=48
