Icono Sa

circle-flags:sa

El icono Sa (circle-flags:sa) es un icono SVG gratuito de la colección Circle Flags de HatScripts. Está dibujado en una cuadrícula de 512 × 512. Circle Flags icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: Circle Flags
Autor: HatScripts
Licencia: MIT
Tamaño: 512 × 512

Descargar SVG

Código SVG

<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>

Cómo usar el icono Sa

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>

Imagen HTML

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

Iconos relacionados en Circle Flags

El icono Sa en otras colecciones

Preguntas frecuentes sobre Icono Sa

¿El icono Sa es gratis para uso comercial?

Sí. Circle Flags icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Sa en React?

Instala @iconify/react y renderiza <Icon icon="circle-flags:sa" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Sa a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/circle-flags/sa.svg" alt="Icono Sa">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Circle Flags →