smugmug logo

smugmug from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
smugmug
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the smugmug logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m18.31 0l-.35.01c-1.55.13-2.46 1.2-2.6 2.28c-.15 1.2.65 2.4 2.58 2.28c2.15-.12 3.09-1.2 3.1-2.28c.02-1.15-1-2.28-2.73-2.29M7.21.34A2.66 2.66 0 0 0 4.56 2.6C4.41 3.73 5.12 4.87 7 4.85c2.23-.04 3.31-1.37 3.16-2.57c-.12-1-1.09-1.92-2.94-1.94zm12.35 8.71a7 7 0 0 0-.4.02c-5.28.54-5.54.6-15.26.82C-.2 9.9.62 24 9.38 24c8.2 0 18.12-15.15 10.18-14.95m-1.1 2.7c3.18-.07-2.9 9.53-8.8 9.56c-7.46 0-6.44-8.8-5.18-8.85c8.67-.35 10.88-.64 13.98-.71"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsSmugmug(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="m18.31 0l-.35.01c-1.55.13-2.46 1.2-2.6 2.28c-.15 1.2.65 2.4 2.58 2.28c2.15-.12 3.09-1.2 3.1-2.28c.02-1.15-1-2.28-2.73-2.29M7.21.34A2.66 2.66 0 0 0 4.56 2.6C4.41 3.73 5.12 4.87 7 4.85c2.23-.04 3.31-1.37 3.16-2.57c-.12-1-1.09-1.92-2.94-1.94zm12.35 8.71a7 7 0 0 0-.4.02c-5.28.54-5.54.6-15.26.82C-.2 9.9.62 24 9.38 24c8.2 0 18.12-15.15 10.18-14.95m-1.1 2.7c3.18-.07-2.9 9.53-8.8 9.56c-7.46 0-6.44-8.8-5.18-8.85c8.67-.35 10.88-.64 13.98-.71"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m18.31 0l-.35.01c-1.55.13-2.46 1.2-2.6 2.28c-.15 1.2.65 2.4 2.58 2.28c2.15-.12 3.09-1.2 3.1-2.28c.02-1.15-1-2.28-2.73-2.29M7.21.34A2.66 2.66 0 0 0 4.56 2.6C4.41 3.73 5.12 4.87 7 4.85c2.23-.04 3.31-1.37 3.16-2.57c-.12-1-1.09-1.92-2.94-1.94zm12.35 8.71a7 7 0 0 0-.4.02c-5.28.54-5.54.6-15.26.82C-.2 9.9.62 24 9.38 24c8.2 0 18.12-15.15 10.18-14.95m-1.1 2.7c3.18-.07-2.9 9.53-8.8 9.56c-7.46 0-6.44-8.8-5.18-8.85c8.67-.35 10.88-.64 13.98-.71"/></svg>
</template>

CSS

.icon-smugmug {
  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%22m18.31%200l-.35.01c-1.55.13-2.46%201.2-2.6%202.28c-.15%201.2.65%202.4%202.58%202.28c2.15-.12%203.09-1.2%203.1-2.28c.02-1.15-1-2.28-2.73-2.29M7.21.34A2.66%202.66%200%200%200%204.56%202.6C4.41%203.73%205.12%204.87%207%204.85c2.23-.04%203.31-1.37%203.16-2.57c-.12-1-1.09-1.92-2.94-1.94zm12.35%208.71a7%207%200%200%200-.4.02c-5.28.54-5.54.6-15.26.82C-.2%209.9.62%2024%209.38%2024c8.2%200%2018.12-15.15%2010.18-14.95m-1.1%202.7c3.18-.07-2.9%209.53-8.8%209.56c-7.46%200-6.44-8.8-5.18-8.85c8.67-.35%2010.88-.64%2013.98-.71%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%22m18.31%200l-.35.01c-1.55.13-2.46%201.2-2.6%202.28c-.15%201.2.65%202.4%202.58%202.28c2.15-.12%203.09-1.2%203.1-2.28c.02-1.15-1-2.28-2.73-2.29M7.21.34A2.66%202.66%200%200%200%204.56%202.6C4.41%203.73%205.12%204.87%207%204.85c2.23-.04%203.31-1.37%203.16-2.57c-.12-1-1.09-1.92-2.94-1.94zm12.35%208.71a7%207%200%200%200-.4.02c-5.28.54-5.54.6-15.26.82C-.2%209.9.62%2024%209.38%2024c8.2%200%2018.12-15.15%2010.18-14.95m-1.1%202.7c3.18-.07-2.9%209.53-8.8%209.56c-7.46%200-6.44-8.8-5.18-8.85c8.67-.35%2010.88-.64%2013.98-.71%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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