vuestorefront logo

vuestorefront from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name
vuestorefront
Set
Devicon
Style
Original
Viewbox
128×128
License
MIT

Use the vuestorefront logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><rect width="71.83" height="50.423" x="29.74" y="41.216" fill="#fff" stroke="#6dd0c7" stroke-width=".294" ry="0"/><path fill="#5ecd77" d="M122 113.73v4.2c-.82 1.36-2.06 1.64-3.58 1.64c-36.49-.03-72.99-.02-109.48-.03c-.27 0-.54.01-.81 0c-1.8-.08-2.78-1.07-2.73-2.87c.04-1.29.2-2.57.3-3.86c.91-11.38 1.8-22.74 2.7-34.11c.93-11.69 1.87-23.38 2.81-35.07c.73-9.12 1.46-18.23 2.21-27.35c.15-1.87 1.05-2.64 2.94-2.67c1.08-.02 2.15-.01 3.23-.02c29.2 0 58.4-.01 87.6-.01c1.18.01 2.37 0 3.55.02c1.74.03 2.69.85 2.89 2.58c.09.79-.07 1.61 0 2.4c.31 3.16.7 6.31.99 9.47c.37 4.07.68 8.14 1.02 12.21l1.92 23.3c1.17 14.2 2.33 28.39 3.53 42.59c.21 2.54.6 5.06.91 7.58M61.49 87.58c3.98-.03 7.84-.96 11.29-3.11c10.46-6.51 14.67-16.42 15.12-28.29c.04-1.1-.5-1.83-1.74-1.88c-1.38-.06-1.51.85-1.6 1.9c-.19 2.16-.26 4.36-.71 6.47c-1.45 6.77-4.44 12.71-10.05 17.04c-4.86 3.75-10.21 5.59-16.42 4.12c-7.83-1.85-12.62-7.11-15.94-14.02c-2-4.18-2.87-8.65-2.96-13.28c-.03-1.64-.87-2.5-2.05-2.19c-1.17.31-1.36 1.24-1.32 2.28c.22 6.92 1.98 13.39 5.88 19.16c4.9 7.21 11.46 11.58 20.5 11.8M86 47.34c2.71 2.72 5.02 5.03 7.31 7.35c.81.82 1.7 1.02 2.53.17c.76-.78.6-1.69-.15-2.44c-2.69-2.71-5.38-5.41-8.1-8.08c-.82-.81-1.85-1.01-2.72-.17c-2.81 2.73-5.59 5.5-8.31 8.32c-.74.77-1 1.83-.02 2.63c.9.74 1.77.45 2.54-.38c2.26-2.43 4.53-4.85 6.92-7.4"/><path fill="#53c074" d="M105.85 8.76c1.41 1.34 1.18 3.14 1.34 4.83c-29.2 0-58.4.01-87.6.01c.38-1.67-.31-3.69 1.62-4.84z"/></svg>

React

import type { SVGProps } from "react";

export function DeviconVuestorefront(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><rect width="71.83" height="50.423" x="29.74" y="41.216" fill="#fff" stroke="#6dd0c7" strokeWidth=".294" ry="0"/><path fill="#5ecd77" d="M122 113.73v4.2c-.82 1.36-2.06 1.64-3.58 1.64c-36.49-.03-72.99-.02-109.48-.03c-.27 0-.54.01-.81 0c-1.8-.08-2.78-1.07-2.73-2.87c.04-1.29.2-2.57.3-3.86c.91-11.38 1.8-22.74 2.7-34.11c.93-11.69 1.87-23.38 2.81-35.07c.73-9.12 1.46-18.23 2.21-27.35c.15-1.87 1.05-2.64 2.94-2.67c1.08-.02 2.15-.01 3.23-.02c29.2 0 58.4-.01 87.6-.01c1.18.01 2.37 0 3.55.02c1.74.03 2.69.85 2.89 2.58c.09.79-.07 1.61 0 2.4c.31 3.16.7 6.31.99 9.47c.37 4.07.68 8.14 1.02 12.21l1.92 23.3c1.17 14.2 2.33 28.39 3.53 42.59c.21 2.54.6 5.06.91 7.58M61.49 87.58c3.98-.03 7.84-.96 11.29-3.11c10.46-6.51 14.67-16.42 15.12-28.29c.04-1.1-.5-1.83-1.74-1.88c-1.38-.06-1.51.85-1.6 1.9c-.19 2.16-.26 4.36-.71 6.47c-1.45 6.77-4.44 12.71-10.05 17.04c-4.86 3.75-10.21 5.59-16.42 4.12c-7.83-1.85-12.62-7.11-15.94-14.02c-2-4.18-2.87-8.65-2.96-13.28c-.03-1.64-.87-2.5-2.05-2.19c-1.17.31-1.36 1.24-1.32 2.28c.22 6.92 1.98 13.39 5.88 19.16c4.9 7.21 11.46 11.58 20.5 11.8M86 47.34c2.71 2.72 5.02 5.03 7.31 7.35c.81.82 1.7 1.02 2.53.17c.76-.78.6-1.69-.15-2.44c-2.69-2.71-5.38-5.41-8.1-8.08c-.82-.81-1.85-1.01-2.72-.17c-2.81 2.73-5.59 5.5-8.31 8.32c-.74.77-1 1.83-.02 2.63c.9.74 1.77.45 2.54-.38c2.26-2.43 4.53-4.85 6.92-7.4"/><path fill="#53c074" d="M105.85 8.76c1.41 1.34 1.18 3.14 1.34 4.83c-29.2 0-58.4.01-87.6.01c.38-1.67-.31-3.69 1.62-4.84z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><rect width="71.83" height="50.423" x="29.74" y="41.216" fill="#fff" stroke="#6dd0c7" stroke-width=".294" ry="0"/><path fill="#5ecd77" d="M122 113.73v4.2c-.82 1.36-2.06 1.64-3.58 1.64c-36.49-.03-72.99-.02-109.48-.03c-.27 0-.54.01-.81 0c-1.8-.08-2.78-1.07-2.73-2.87c.04-1.29.2-2.57.3-3.86c.91-11.38 1.8-22.74 2.7-34.11c.93-11.69 1.87-23.38 2.81-35.07c.73-9.12 1.46-18.23 2.21-27.35c.15-1.87 1.05-2.64 2.94-2.67c1.08-.02 2.15-.01 3.23-.02c29.2 0 58.4-.01 87.6-.01c1.18.01 2.37 0 3.55.02c1.74.03 2.69.85 2.89 2.58c.09.79-.07 1.61 0 2.4c.31 3.16.7 6.31.99 9.47c.37 4.07.68 8.14 1.02 12.21l1.92 23.3c1.17 14.2 2.33 28.39 3.53 42.59c.21 2.54.6 5.06.91 7.58M61.49 87.58c3.98-.03 7.84-.96 11.29-3.11c10.46-6.51 14.67-16.42 15.12-28.29c.04-1.1-.5-1.83-1.74-1.88c-1.38-.06-1.51.85-1.6 1.9c-.19 2.16-.26 4.36-.71 6.47c-1.45 6.77-4.44 12.71-10.05 17.04c-4.86 3.75-10.21 5.59-16.42 4.12c-7.83-1.85-12.62-7.11-15.94-14.02c-2-4.18-2.87-8.65-2.96-13.28c-.03-1.64-.87-2.5-2.05-2.19c-1.17.31-1.36 1.24-1.32 2.28c.22 6.92 1.98 13.39 5.88 19.16c4.9 7.21 11.46 11.58 20.5 11.8M86 47.34c2.71 2.72 5.02 5.03 7.31 7.35c.81.82 1.7 1.02 2.53.17c.76-.78.6-1.69-.15-2.44c-2.69-2.71-5.38-5.41-8.1-8.08c-.82-.81-1.85-1.01-2.72-.17c-2.81 2.73-5.59 5.5-8.31 8.32c-.74.77-1 1.83-.02 2.63c.9.74 1.77.45 2.54-.38c2.26-2.43 4.53-4.85 6.92-7.4"/><path fill="#53c074" d="M105.85 8.76c1.41 1.34 1.18 3.14 1.34 4.83c-29.2 0-58.4.01-87.6.01c.38-1.67-.31-3.69 1.62-4.84z"/></svg>
</template>

CSS

.icon-vuestorefront {
  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%3Crect%20width%3D%2271.83%22%20height%3D%2250.423%22%20x%3D%2229.74%22%20y%3D%2241.216%22%20fill%3D%22%23fff%22%20stroke%3D%22%236dd0c7%22%20stroke-width%3D%22.294%22%20ry%3D%220%22%2F%3E%3Cpath%20fill%3D%22%235ecd77%22%20d%3D%22M122%20113.73v4.2c-.82%201.36-2.06%201.64-3.58%201.64c-36.49-.03-72.99-.02-109.48-.03c-.27%200-.54.01-.81%200c-1.8-.08-2.78-1.07-2.73-2.87c.04-1.29.2-2.57.3-3.86c.91-11.38%201.8-22.74%202.7-34.11c.93-11.69%201.87-23.38%202.81-35.07c.73-9.12%201.46-18.23%202.21-27.35c.15-1.87%201.05-2.64%202.94-2.67c1.08-.02%202.15-.01%203.23-.02c29.2%200%2058.4-.01%2087.6-.01c1.18.01%202.37%200%203.55.02c1.74.03%202.69.85%202.89%202.58c.09.79-.07%201.61%200%202.4c.31%203.16.7%206.31.99%209.47c.37%204.07.68%208.14%201.02%2012.21l1.92%2023.3c1.17%2014.2%202.33%2028.39%203.53%2042.59c.21%202.54.6%205.06.91%207.58M61.49%2087.58c3.98-.03%207.84-.96%2011.29-3.11c10.46-6.51%2014.67-16.42%2015.12-28.29c.04-1.1-.5-1.83-1.74-1.88c-1.38-.06-1.51.85-1.6%201.9c-.19%202.16-.26%204.36-.71%206.47c-1.45%206.77-4.44%2012.71-10.05%2017.04c-4.86%203.75-10.21%205.59-16.42%204.12c-7.83-1.85-12.62-7.11-15.94-14.02c-2-4.18-2.87-8.65-2.96-13.28c-.03-1.64-.87-2.5-2.05-2.19c-1.17.31-1.36%201.24-1.32%202.28c.22%206.92%201.98%2013.39%205.88%2019.16c4.9%207.21%2011.46%2011.58%2020.5%2011.8M86%2047.34c2.71%202.72%205.02%205.03%207.31%207.35c.81.82%201.7%201.02%202.53.17c.76-.78.6-1.69-.15-2.44c-2.69-2.71-5.38-5.41-8.1-8.08c-.82-.81-1.85-1.01-2.72-.17c-2.81%202.73-5.59%205.5-8.31%208.32c-.74.77-1%201.83-.02%202.63c.9.74%201.77.45%202.54-.38c2.26-2.43%204.53-4.85%206.92-7.4%22%2F%3E%3Cpath%20fill%3D%22%2353c074%22%20d%3D%22M105.85%208.76c1.41%201.34%201.18%203.14%201.34%204.83c-29.2%200-58.4.01-87.6.01c.38-1.67-.31-3.69%201.62-4.84z%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%3Crect%20width%3D%2271.83%22%20height%3D%2250.423%22%20x%3D%2229.74%22%20y%3D%2241.216%22%20fill%3D%22%23fff%22%20stroke%3D%22%236dd0c7%22%20stroke-width%3D%22.294%22%20ry%3D%220%22%2F%3E%3Cpath%20fill%3D%22%235ecd77%22%20d%3D%22M122%20113.73v4.2c-.82%201.36-2.06%201.64-3.58%201.64c-36.49-.03-72.99-.02-109.48-.03c-.27%200-.54.01-.81%200c-1.8-.08-2.78-1.07-2.73-2.87c.04-1.29.2-2.57.3-3.86c.91-11.38%201.8-22.74%202.7-34.11c.93-11.69%201.87-23.38%202.81-35.07c.73-9.12%201.46-18.23%202.21-27.35c.15-1.87%201.05-2.64%202.94-2.67c1.08-.02%202.15-.01%203.23-.02c29.2%200%2058.4-.01%2087.6-.01c1.18.01%202.37%200%203.55.02c1.74.03%202.69.85%202.89%202.58c.09.79-.07%201.61%200%202.4c.31%203.16.7%206.31.99%209.47c.37%204.07.68%208.14%201.02%2012.21l1.92%2023.3c1.17%2014.2%202.33%2028.39%203.53%2042.59c.21%202.54.6%205.06.91%207.58M61.49%2087.58c3.98-.03%207.84-.96%2011.29-3.11c10.46-6.51%2014.67-16.42%2015.12-28.29c.04-1.1-.5-1.83-1.74-1.88c-1.38-.06-1.51.85-1.6%201.9c-.19%202.16-.26%204.36-.71%206.47c-1.45%206.77-4.44%2012.71-10.05%2017.04c-4.86%203.75-10.21%205.59-16.42%204.12c-7.83-1.85-12.62-7.11-15.94-14.02c-2-4.18-2.87-8.65-2.96-13.28c-.03-1.64-.87-2.5-2.05-2.19c-1.17.31-1.36%201.24-1.32%202.28c.22%206.92%201.98%2013.39%205.88%2019.16c4.9%207.21%2011.46%2011.58%2020.5%2011.8M86%2047.34c2.71%202.72%205.02%205.03%207.31%207.35c.81.82%201.7%201.02%202.53.17c.76-.78.6-1.69-.15-2.44c-2.69-2.71-5.38-5.41-8.1-8.08c-.82-.81-1.85-1.01-2.72-.17c-2.81%202.73-5.59%205.5-8.31%208.32c-.74.77-1%201.83-.02%202.63c.9.74%201.77.45%202.54-.38c2.26-2.43%204.53-4.85%206.92-7.4%22%2F%3E%3Cpath%20fill%3D%22%2353c074%22%20d%3D%22M105.85%208.76c1.41%201.34%201.18%203.14%201.34%204.83c-29.2%200-58.4.01-87.6.01c.38-1.67-.31-3.69%201.62-4.84z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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