sas logo

sas from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.

Name
sas
Set
Material Icon Theme
Style
Color
Viewbox
6.35×6.35
License
MIT

Use the sas logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 6.35 6.35"><path fill="#039be5" d="M3.16.546a1.9 1.9 0 0 0-.667.13c-.378.157-.678.4-.846.74c-.255.452-.296 1.032.04 1.536c.31.474.72.908 1.148 1.407c.382.139.572-.272.515-.42c-.276-.35-.57-.695-.804-1.06a1.1 1.1 0 0 1-.07-.906c.075-.198.503-.84 1.372-.836c.345.04.658.059 1.086.53a1.6 1.6 0 0 0-.536-.753A2.05 2.05 0 0 0 3.159.546zm.245 1.4c-.277.002-.406.227-.348.437c.253.365.578.748.869 1.122c.316.609.092 1.077-.512 1.472c-.82.458-1.576.116-2.026-.298c.234.489.423.636.471.679c.31.27.81.527 1.62.423c.456-.102 1.06-.256 1.396-1.097c.093-.265.125-.54.03-.843c-.09-.338-.274-.58-.466-.829c-.3-.351-.77-.979-.906-1.053a.6.6 0 0 0-.128-.013"/></svg>

React

import type { SVGProps } from "react";

export function MaterialIconThemeSas(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 6.35 6.35"><path fill="#039be5" d="M3.16.546a1.9 1.9 0 0 0-.667.13c-.378.157-.678.4-.846.74c-.255.452-.296 1.032.04 1.536c.31.474.72.908 1.148 1.407c.382.139.572-.272.515-.42c-.276-.35-.57-.695-.804-1.06a1.1 1.1 0 0 1-.07-.906c.075-.198.503-.84 1.372-.836c.345.04.658.059 1.086.53a1.6 1.6 0 0 0-.536-.753A2.05 2.05 0 0 0 3.159.546zm.245 1.4c-.277.002-.406.227-.348.437c.253.365.578.748.869 1.122c.316.609.092 1.077-.512 1.472c-.82.458-1.576.116-2.026-.298c.234.489.423.636.471.679c.31.27.81.527 1.62.423c.456-.102 1.06-.256 1.396-1.097c.093-.265.125-.54.03-.843c-.09-.338-.274-.58-.466-.829c-.3-.351-.77-.979-.906-1.053a.6.6 0 0 0-.128-.013"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 6.35 6.35"><path fill="#039be5" d="M3.16.546a1.9 1.9 0 0 0-.667.13c-.378.157-.678.4-.846.74c-.255.452-.296 1.032.04 1.536c.31.474.72.908 1.148 1.407c.382.139.572-.272.515-.42c-.276-.35-.57-.695-.804-1.06a1.1 1.1 0 0 1-.07-.906c.075-.198.503-.84 1.372-.836c.345.04.658.059 1.086.53a1.6 1.6 0 0 0-.536-.753A2.05 2.05 0 0 0 3.159.546zm.245 1.4c-.277.002-.406.227-.348.437c.253.365.578.748.869 1.122c.316.609.092 1.077-.512 1.472c-.82.458-1.576.116-2.026-.298c.234.489.423.636.471.679c.31.27.81.527 1.62.423c.456-.102 1.06-.256 1.396-1.097c.093-.265.125-.54.03-.843c-.09-.338-.274-.58-.466-.829c-.3-.351-.77-.979-.906-1.053a.6.6 0 0 0-.128-.013"/></svg>
</template>

CSS

.icon-sas {
  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%206.35%206.35%22%3E%3Cpath%20fill%3D%22%23039be5%22%20d%3D%22M3.16.546a1.9%201.9%200%200%200-.667.13c-.378.157-.678.4-.846.74c-.255.452-.296%201.032.04%201.536c.31.474.72.908%201.148%201.407c.382.139.572-.272.515-.42c-.276-.35-.57-.695-.804-1.06a1.1%201.1%200%200%201-.07-.906c.075-.198.503-.84%201.372-.836c.345.04.658.059%201.086.53a1.6%201.6%200%200%200-.536-.753A2.05%202.05%200%200%200%203.159.546zm.245%201.4c-.277.002-.406.227-.348.437c.253.365.578.748.869%201.122c.316.609.092%201.077-.512%201.472c-.82.458-1.576.116-2.026-.298c.234.489.423.636.471.679c.31.27.81.527%201.62.423c.456-.102%201.06-.256%201.396-1.097c.093-.265.125-.54.03-.843c-.09-.338-.274-.58-.466-.829c-.3-.351-.77-.979-.906-1.053a.6.6%200%200%200-.128-.013%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%206.35%206.35%22%3E%3Cpath%20fill%3D%22%23039be5%22%20d%3D%22M3.16.546a1.9%201.9%200%200%200-.667.13c-.378.157-.678.4-.846.74c-.255.452-.296%201.032.04%201.536c.31.474.72.908%201.148%201.407c.382.139.572-.272.515-.42c-.276-.35-.57-.695-.804-1.06a1.1%201.1%200%200%201-.07-.906c.075-.198.503-.84%201.372-.836c.345.04.658.059%201.086.53a1.6%201.6%200%200%200-.536-.753A2.05%202.05%200%200%200%203.159.546zm.245%201.4c-.277.002-.406.227-.348.437c.253.365.578.748.869%201.122c.316.609.092%201.077-.512%201.472c-.82.458-1.576.116-2.026-.298c.234.489.423.636.471.679c.31.27.81.527%201.62.423c.456-.102%201.06-.256%201.396-1.097c.093-.265.125-.54.03-.843c-.09-.338-.274-.58-.466-.829c-.3-.351-.77-.979-.906-1.053a.6.6%200%200%200-.128-.013%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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

Sas logo — Material Icon Theme · IconsDB