Stc icon
thesvg-color:stc
The Stc icon (thesvg-color:stc) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 1000 × 500 grid. theSVG Color icons are released under the MIT 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
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 1000 × 500
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="500" viewBox="0 0 1000 500"><path fill="#4f008c" d="M382.879 0v105.059h102.72V0zm102.72 105.059v99.613h102.723v-99.613zm0 99.613H382.88v176.652c0 35.797 10.897 64.597 30.346 84.826c21.792 21.794 53.7 33.463 93.388 33.463c40.47 0 69.258-12.45 81.71-23.345V392.22c-9.335 7.006-28.01 15.558-52.14 15.558c-17.12 0-29.57-3.89-38.913-12.449c-7.78-7.78-11.67-21.004-11.67-38.906zM161.087 93.389c-47.468 0-87.156 15.559-114.393 40.46c-23.347 21.793-36.578 51.366-36.578 84.055c0 28.79 9.343 52.918 28.02 71.594c18.676 18.677 45.912 32.681 81.709 41.242l59.144 14.014c29.574 6.998 42.805 17.894 42.805 37.351c0 24.12-21.792 38.125-57.59 38.125c-25.683 0-46.695-8.552-59.926-22.566c-9.334-9.333-14.787-21.784-15.56-35.797L0 381.324c2.336 26.456 14.786 49.811 33.463 68.479c29.572 31.135 77.04 49.81 130.74 49.81c52.138 0 94.941-16.339 122.951-43.576c21.02-21.019 33.471-49.03 33.471-81.71c0-29.574-10.896-56.038-31.135-76.268c-20.229-20.24-49.03-35.024-85.6-42.022l-59.925-11.678c-24.9-4.671-38.906-17.121-38.906-34.244c0-22.565 21.782-38.125 56.808-38.125c21.784 0 40.47 6.999 52.92 19.45c7.78 8.56 13.222 19.457 14.785 31.908l86.381-19.457c-2.335-24.902-14.012-46.686-31.906-64.59c-28.019-28.019-71.597-45.912-122.961-45.912m656.809 0c-55.246 0-105.058 21.01-140.856 56.808c-35.798 36.58-57.582 87.154-57.582 146.3c0 59.144 22.567 109.73 59.147 146.308c35.788 35.798 86.38 56.808 142.408 56.808c57.59 0 101.95-21.01 132.295-50.582c24.128-23.347 38.913-50.585 46.693-78.603l-91.053-30.346c-3.89 14.004-11.67 28.792-24.129 40.461c-14.786 14.014-35.016 24.129-63.806 24.129c-26.457 0-51.364-10.115-69.26-28.018c-17.903-18.677-28.791-45.915-28.791-80.158c0-35.016 10.888-61.479 28.79-80.146c17.897-17.904 42.024-27.239 68.48-27.239c28.018 0 47.476 9.334 61.48 23.34c11.678 11.678 18.676 26.464 23.348 41.25l92.605-31.135c-7.006-27.236-21.79-54.475-43.576-77.04c-31.127-30.346-76.267-52.137-136.193-52.137"/></svg>How to use the Stc icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:stc" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:stc" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:stc" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--stc]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:stc"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:stc"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/stc.svg" alt="Stc icon" width="24" height="24">Stc icon FAQ
Is the Stc icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Stc icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:stc" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Stc icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/stc.svg" alt="Stc icon">, or paste the SVG code inline to style it with CSS.