Sas icon
file-icons:sas
The Sas icon (file-icons:sas) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 342 × 512 grid. File Icons are released under the ISC license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- File Icons
- Author
- John Gardner
- License
- ISC
- Size
- 342 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="342" height="512" viewBox="0 0 342 512"><path fill="currentColor" d="M295.193 244.97c105.562 128.085 9.026 239.158-77.363 260.736c-99.606 24.906-189.727-26.897-216.58-106.152c34.639 56.465 135.228 68.71 190.01 34.316c62.182-39.035 82.696-107.621 36.84-163.258c0 0-67.76-81.537-67.775-81.552c-11.901-14.408-7.663-34.102 6.775-45.995c14.346-11.818 33.794-11.88 45.734 2.328zm-181.875-3.57c-45.841-55.637-25.31-124.237 36.854-163.29c54.777-34.392 155.373-22.146 190.01 34.346C313.316 33.172 223.22-18.601 123.603 6.289C37.207 27.87-59.334 138.895 46.243 267.025l80.747 98.014c11.94 14.208 31.374 14.117 45.736 2.284c14.423-11.878 18.675-31.557 6.775-46.01c-.032-.016-66.182-79.913-66.182-79.913"/></svg>How to use the Sas icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:sas" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:sas" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:sas" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--sas]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:sas"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:sas"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/sas.svg" alt="Sas icon" width="24" height="24">Sas icon in other icon sets
Sas icon FAQ
Is the Sas icon free for commercial use?
Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.
How do I use the Sas icon in React?
Install @iconify/react and render <Icon icon="file-icons:sas" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Sas icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/sas.svg" alt="Sas icon">, or paste the SVG code inline to style it with CSS.