sw logo

sw from Circle Flags by HatScripts · Circle · MIT Free for personal and commercial use.

Name: sw
Set: Circle Flags
Style: Circle
Viewbox: 512×512
License: MIT

Use the sw logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><mask id="circleFlagsSw"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#circleFlagsSw)"><path fill="#eee" d="m0 144.7l253.4-28.2L512 144.7V178l-36 76.4l36 79.6v33.3L254.7 400L0 367.3V334l39-78l-39-78z"/><path fill="#333" d="M0 0h512v144.7H0z"/><path fill="#a2001d" d="M0 178h512v156H0z"/><path fill="#496e2d" d="M0 367.3h512V512H0z"/><path fill="#eee" d="m335.9 118.3l-30.3-14l-49.4 111.9l-49.4-111.9l-30.3 14L237.8 256l-61.3 137.7l30.3 14l49.4-111.9l49.4 111.9l30.3-14L274.6 256z"/><path fill="#eee" d="M256.2 111.3s-7 5.8-16.7 16l-16 127.6l16 129.8c9.7 10.2 16.7 16 16.7 16s7-5.8 16.7-16l15-130.7l-15-126.7c-9.7-10.2-16.7-16-16.7-16"/><path fill="#333" d="m311.9 179.2l-10 75.5l10 78.1A158.6 158.6 0 0 0 334 256c0-28.2-9.7-54.5-22.2-76.8zm-111.4 0l8.9 74.3l-9 79.3a158.6 158.6 0 0 1-22.1-76.8c0-28.2 9.7-54.5 22.2-76.8"/><path fill="#a2001d" d="M200.5 179.2v153.6a269 269 0 0 0 39 51.9V127.3c-11.4 12-26.6 30-39 52zm111.4 0a269 269 0 0 0-39-51.9v257.4c11.4-12 26.5-30 39-52V179.3z"/></g></svg>

React

import type { SVGProps } from "react";

export function CircleFlagsSw(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><mask id="circleFlagsSw"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#circleFlagsSw)"><path fill="#eee" d="m0 144.7l253.4-28.2L512 144.7V178l-36 76.4l36 79.6v33.3L254.7 400L0 367.3V334l39-78l-39-78z"/><path fill="#333" d="M0 0h512v144.7H0z"/><path fill="#a2001d" d="M0 178h512v156H0z"/><path fill="#496e2d" d="M0 367.3h512V512H0z"/><path fill="#eee" d="m335.9 118.3l-30.3-14l-49.4 111.9l-49.4-111.9l-30.3 14L237.8 256l-61.3 137.7l30.3 14l49.4-111.9l49.4 111.9l30.3-14L274.6 256z"/><path fill="#eee" d="M256.2 111.3s-7 5.8-16.7 16l-16 127.6l16 129.8c9.7 10.2 16.7 16 16.7 16s7-5.8 16.7-16l15-130.7l-15-126.7c-9.7-10.2-16.7-16-16.7-16"/><path fill="#333" d="m311.9 179.2l-10 75.5l10 78.1A158.6 158.6 0 0 0 334 256c0-28.2-9.7-54.5-22.2-76.8zm-111.4 0l8.9 74.3l-9 79.3a158.6 158.6 0 0 1-22.1-76.8c0-28.2 9.7-54.5 22.2-76.8"/><path fill="#a2001d" d="M200.5 179.2v153.6a269 269 0 0 0 39 51.9V127.3c-11.4 12-26.6 30-39 52zm111.4 0a269 269 0 0 0-39-51.9v257.4c11.4-12 26.5-30 39-52V179.3z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><mask id="circleFlagsSw"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#circleFlagsSw)"><path fill="#eee" d="m0 144.7l253.4-28.2L512 144.7V178l-36 76.4l36 79.6v33.3L254.7 400L0 367.3V334l39-78l-39-78z"/><path fill="#333" d="M0 0h512v144.7H0z"/><path fill="#a2001d" d="M0 178h512v156H0z"/><path fill="#496e2d" d="M0 367.3h512V512H0z"/><path fill="#eee" d="m335.9 118.3l-30.3-14l-49.4 111.9l-49.4-111.9l-30.3 14L237.8 256l-61.3 137.7l30.3 14l49.4-111.9l49.4 111.9l30.3-14L274.6 256z"/><path fill="#eee" d="M256.2 111.3s-7 5.8-16.7 16l-16 127.6l16 129.8c9.7 10.2 16.7 16 16.7 16s7-5.8 16.7-16l15-130.7l-15-126.7c-9.7-10.2-16.7-16-16.7-16"/><path fill="#333" d="m311.9 179.2l-10 75.5l10 78.1A158.6 158.6 0 0 0 334 256c0-28.2-9.7-54.5-22.2-76.8zm-111.4 0l8.9 74.3l-9 79.3a158.6 158.6 0 0 1-22.1-76.8c0-28.2 9.7-54.5 22.2-76.8"/><path fill="#a2001d" d="M200.5 179.2v153.6a269 269 0 0 0 39 51.9V127.3c-11.4 12-26.6 30-39 52zm111.4 0a269 269 0 0 0-39-51.9v257.4c11.4-12 26.5-30 39-52V179.3z"/></g></svg>
</template>

CSS

.icon-sw {
  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%20512%20512%22%3E%3Cmask%20id%3D%22circleFlagsSw%22%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%22256%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23circleFlagsSw)%22%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22m0%20144.7l253.4-28.2L512%20144.7V178l-36%2076.4l36%2079.6v33.3L254.7%20400L0%20367.3V334l39-78l-39-78z%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M0%200h512v144.7H0z%22%2F%3E%3Cpath%20fill%3D%22%23a2001d%22%20d%3D%22M0%20178h512v156H0z%22%2F%3E%3Cpath%20fill%3D%22%23496e2d%22%20d%3D%22M0%20367.3h512V512H0z%22%2F%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22m335.9%20118.3l-30.3-14l-49.4%20111.9l-49.4-111.9l-30.3%2014L237.8%20256l-61.3%20137.7l30.3%2014l49.4-111.9l49.4%20111.9l30.3-14L274.6%20256z%22%2F%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M256.2%20111.3s-7%205.8-16.7%2016l-16%20127.6l16%20129.8c9.7%2010.2%2016.7%2016%2016.7%2016s7-5.8%2016.7-16l15-130.7l-15-126.7c-9.7-10.2-16.7-16-16.7-16%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22m311.9%20179.2l-10%2075.5l10%2078.1A158.6%20158.6%200%200%200%20334%20256c0-28.2-9.7-54.5-22.2-76.8zm-111.4%200l8.9%2074.3l-9%2079.3a158.6%20158.6%200%200%201-22.1-76.8c0-28.2%209.7-54.5%2022.2-76.8%22%2F%3E%3Cpath%20fill%3D%22%23a2001d%22%20d%3D%22M200.5%20179.2v153.6a269%20269%200%200%200%2039%2051.9V127.3c-11.4%2012-26.6%2030-39%2052zm111.4%200a269%20269%200%200%200-39-51.9v257.4c11.4-12%2026.5-30%2039-52V179.3z%22%2F%3E%3C%2Fg%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%20512%20512%22%3E%3Cmask%20id%3D%22circleFlagsSw%22%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%22256%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23circleFlagsSw)%22%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22m0%20144.7l253.4-28.2L512%20144.7V178l-36%2076.4l36%2079.6v33.3L254.7%20400L0%20367.3V334l39-78l-39-78z%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M0%200h512v144.7H0z%22%2F%3E%3Cpath%20fill%3D%22%23a2001d%22%20d%3D%22M0%20178h512v156H0z%22%2F%3E%3Cpath%20fill%3D%22%23496e2d%22%20d%3D%22M0%20367.3h512V512H0z%22%2F%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22m335.9%20118.3l-30.3-14l-49.4%20111.9l-49.4-111.9l-30.3%2014L237.8%20256l-61.3%20137.7l30.3%2014l49.4-111.9l49.4%20111.9l30.3-14L274.6%20256z%22%2F%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M256.2%20111.3s-7%205.8-16.7%2016l-16%20127.6l16%20129.8c9.7%2010.2%2016.7%2016%2016.7%2016s7-5.8%2016.7-16l15-130.7l-15-126.7c-9.7-10.2-16.7-16-16.7-16%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22m311.9%20179.2l-10%2075.5l10%2078.1A158.6%20158.6%200%200%200%20334%20256c0-28.2-9.7-54.5-22.2-76.8zm-111.4%200l8.9%2074.3l-9%2079.3a158.6%20158.6%200%200%201-22.1-76.8c0-28.2%209.7-54.5%2022.2-76.8%22%2F%3E%3Cpath%20fill%3D%22%23a2001d%22%20d%3D%22M200.5%20179.2v153.6a269%20269%200%200%200%2039%2051.9V127.3c-11.4%2012-26.6%2030-39%2052zm111.4%200a269%20269%200%200%200-39-51.9v257.4c11.4-12%2026.5-30%2039-52V179.3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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