Sa icon

circle-flags:sa

The Sa icon (circle-flags:sa) is a free SVG icon from the Circle Flags set by HatScripts. It is drawn on a 512 × 512 grid. Circle Flags 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: Circle Flags
Author: HatScripts
License: MIT
Size: 512 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="SVGqdEcMdXs"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGqdEcMdXs)"><path fill="#496e2d" d="M0 0h512v512H0Z"/><path fill="#eee" d="M336 356v16H128l24 24h184v16h16v-16h32v-24h-32v-16zM131.4 174v41.4h-15.8v-26.7H97.8q-6.3 0-10.8 2.3a15 15 0 0 0-6.7 6.4a22 22 0 0 0-2.3 10.5q0 6 2.3 10.3q2.3 4 6.7 6q4.5 2.1 10.8 2.1H173V174h-13v41.4h-15.8V174zm52.9 0v52.3h12.8V174zm55.3 0v41.4h-11v-31h-12.8v31h-9.3v10.9h45.9V174zm24.3 0v52.3h12.8V174zm77.8 0v41.4H326v-26.7h-17.8q-6.3 0-10.8 2.3a15 15 0 0 0-6.7 6.4a22 22 0 0 0-2.3 10.5q0 6 2.3 10.3q2.3 4 6.7 6q4.5 2.1 10.8 2.1h46.5V174zm24.2 0v52.3h12.8V174zm55.3 0v41.4h-11v-31h-12.8v31h-9.3v10.9h46V174ZM97.8 199.6h5v15.8h-5q-2.4 0-4-.4q-1.5-.5-2.2-2a13 13 0 0 1-.8-5.1q0-3.7.8-5.4q1-1.8 2.5-2.3q1.5-.6 3.7-.6m210.3 0h5v15.8h-5q-2.4 0-4-.4q-1.5-.5-2.2-2a13 13 0 0 1-.8-5.1q0-3.7.8-5.4q1-1.8 2.5-2.3q1.6-.6 3.7-.6M114.8 247v28.5h-10.9V257H91.6q-4.4 0-7.4 1.6q-3 1.4-4.6 4.4t-1.6 7.2q0 4.3 1.6 7q1.5 2.9 4.6 4.3t7.4 1.4h51.7v-36h-8.8v28.5h-10.9V247Zm36.3 0v36h8.8v-36Zm39.7 0v35.8q0 1.5-.6 2.7t-2 2q-1.5.6-4 .7t-4.2-.7t-2.4-2q-.9-1.3-.9-3.1l.2-2.8l1.5-10.8l-8.7-1.1l-1.2 8.4l-.6 6.4q0 3.7 2 6.7a14 14 0 0 0 5.9 4.8q3.6 1.7 8.3 1.7q4.5 0 8-1.6q3.6-1.6 5.5-4.6q2-2.8 2-6.7V247Zm159.5 10a36 36 0 0 0-10 1.4a40 40 0 0 0-1.3 7.4a57 57 0 0 0 0 9.6h-11v-2a20 20 0 0 0-1.9-9.2q-1.8-3.6-5.4-5.3a20 20 0 0 0-8.7-1.8h-4.2v7.5h4.2q2.7 0 4.3.8q1.5.7 2.2 2.6q.6 1.8.7 5.4v2h-12.7v7.6H434v-12.8q0-5-1.6-7.8q-1.5-3-4.7-4.1q-3.2-1.4-8-1.3a36 36 0 0 0-10 1.4a40 40 0 0 0-1.4 7.4a57 57 0 0 0 0 9.6h-10.9v-4.8q0-4.2-2-7.2t-5.5-4.6a18 18 0 0 0-7.9-1.7q-2.1 0-4.2.4l-4.3.8l.7 7a48 48 0 0 1 6.7-.6q4 0 6 1.5q1.7 1.5 1.7 4.4v4.9h-23.9v-5.3q0-5-1.6-7.8q-1.6-3-4.8-4.1q-3-1.4-8-1.3m-131.7.1q-4.3 0-7.4 1.6q-3 1.4-4.6 4.4t-1.6 7.2q0 4.3 1.6 7q1.6 2.9 4.6 4.3t7.4 1.4h3.5v1.6q0 2.3-1.5 3.4q-1.4 1.2-4.7 1.2l-3-.2q-1.8 0-4.3-.4l-1.2 7a59 59 0 0 0 8.5 1q4.5 0 7.8-1.4q3.4-1.5 5.3-4.2a11 11 0 0 0 1.9-6.4V283h22.9a15 15 0 0 0 7.9-2q1 .6 2.2 1q2.3 1 4.7 1h13.9v-14l-.3-3.3l-1.3-8.6l-8.7 1.3a118 118 0 0 1 1.4 10.5v6.6h-5l-1.9-.4l-.9-.5q.7-2.7.7-6.2v-8.6h-8.8v8.6q0 3-.4 4.6q-.3 1.5-1 2a5 5 0 0 1-2.5.5h-3v-13h-9v13H231V257zm73.8 0v26.6q0 2.7-1 4q-1 1.5-2.8 1.5h-2.8l-.2 7.3l3.1.2q3.8 0 6.6-1.7t4.3-4.6t1.6-6.7V257zm58 7.4q2.1 0 3.3.5t1.7 1.7q.4 1.3.4 3.4v5.4h-8a71 71 0 0 1 0-8.6l.2-2.3zm69.3 0q2.2 0 3.4.5t1.6 1.7q.5 1.3.5 3.4v5.4h-8a71 71 0 0 1-.1-8.6l.2-2.3zm-328.1.1H95v10.9h-3.4q-1.7 0-2.7-.3q-1-.4-1.6-1.4a9 9 0 0 1-.5-3.5q0-2.6.6-3.7A3 3 0 0 1 89 265a8 8 0 0 1 2.5-.4m127 0h3.5v10.9h-3.5q-1.6 0-2.7-.3q-1-.4-1.6-1.4a9 9 0 0 1-.5-3.5q0-2.6.6-3.7a3 3 0 0 1 1.7-1.6a8 8 0 0 1 2.5-.4"/></g></svg>

How to use the Sa icon

React

import { Icon } from "@iconify/react";

<Icon icon="circle-flags:sa" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="circle-flags:sa" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="circle-flags:sa" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[circle-flags--sa]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/circle-flags -->
<div class="i-circle-flags:sa"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="circle-flags:sa"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/circle-flags/sa.svg" alt="Sa icon" width="24" height="24">

Related icons in Circle Flags

Sa icon in other icon sets

Sa icon FAQ

Is the Sa icon free for commercial use?

Yes. Circle Flags icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Sa icon in React?

Install @iconify/react and render <Icon icon="circle-flags:sa" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Sa icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/circle-flags/sa.svg" alt="Sa icon">, or paste the SVG code inline to style it with CSS.

Browse all Circle Flags icons →