us sc logo
us-sc from Circle Flags by HatScripts · Circle · MIT Free for personal and commercial use.
- Name
- us-sc
- Set
- Circle Flags
- Style
- Circle
- Viewbox
- 512×512
- License
- MIT
Related icons in Circle Flags
Use the us sc logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><mask id="SVGqdEcMdXs172"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGqdEcMdXs172)"><path fill="#0052b4" d="M0 0h512v512H0Z"/><circle cx="118" cy="118" r="54" fill="#eee"/><circle cx="104.5" cy="104.5" r="38.5" fill="#0052b4"/><path fill="#eee" d="m238 439l12-221h24l12 221z"/><path fill="#eee" d="M292 220c26-11 36-19 76-18c-34-15-65-20-91 0c8-20 15-40 42-59c-46 8-61 24-65 51c-11-27-38-29-76-29c42 23 33 20 54 44c-27-4-58 8-88 42c41-22 61-15 88-11a76 76 0 0 0-35 72c30-38 26-27 65-61c15 34 34 42 41 73c8-31 0-65-15-77c30 12 57 20 72 42c-7-53-42-60-68-69"/></g></svg>
React
import type { SVGProps } from "react";
export function CircleFlagsUsSc(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><mask id="SVGqdEcMdXs172"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGqdEcMdXs172)"><path fill="#0052b4" d="M0 0h512v512H0Z"/><circle cx="118" cy="118" r="54" fill="#eee"/><circle cx="104.5" cy="104.5" r="38.5" fill="#0052b4"/><path fill="#eee" d="m238 439l12-221h24l12 221z"/><path fill="#eee" d="M292 220c26-11 36-19 76-18c-34-15-65-20-91 0c8-20 15-40 42-59c-46 8-61 24-65 51c-11-27-38-29-76-29c42 23 33 20 54 44c-27-4-58 8-88 42c41-22 61-15 88-11a76 76 0 0 0-35 72c30-38 26-27 65-61c15 34 34 42 41 73c8-31 0-65-15-77c30 12 57 20 72 42c-7-53-42-60-68-69"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><mask id="SVGqdEcMdXs172"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGqdEcMdXs172)"><path fill="#0052b4" d="M0 0h512v512H0Z"/><circle cx="118" cy="118" r="54" fill="#eee"/><circle cx="104.5" cy="104.5" r="38.5" fill="#0052b4"/><path fill="#eee" d="m238 439l12-221h24l12 221z"/><path fill="#eee" d="M292 220c26-11 36-19 76-18c-34-15-65-20-91 0c8-20 15-40 42-59c-46 8-61 24-65 51c-11-27-38-29-76-29c42 23 33 20 54 44c-27-4-58 8-88 42c41-22 61-15 88-11a76 76 0 0 0-35 72c30-38 26-27 65-61c15 34 34 42 41 73c8-31 0-65-15-77c30 12 57 20 72 42c-7-53-42-60-68-69"/></g></svg> </template>
CSS
.icon-us-sc {
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%22SVGqdEcMdXs172%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(%23SVGqdEcMdXs172)%22%3E%3Cpath%20fill%3D%22%230052b4%22%20d%3D%22M0%200h512v512H0Z%22%2F%3E%3Ccircle%20cx%3D%22118%22%20cy%3D%22118%22%20r%3D%2254%22%20fill%3D%22%23eee%22%2F%3E%3Ccircle%20cx%3D%22104.5%22%20cy%3D%22104.5%22%20r%3D%2238.5%22%20fill%3D%22%230052b4%22%2F%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22m238%20439l12-221h24l12%20221z%22%2F%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M292%20220c26-11%2036-19%2076-18c-34-15-65-20-91%200c8-20%2015-40%2042-59c-46%208-61%2024-65%2051c-11-27-38-29-76-29c42%2023%2033%2020%2054%2044c-27-4-58%208-88%2042c41-22%2061-15%2088-11a76%2076%200%200%200-35%2072c30-38%2026-27%2065-61c15%2034%2034%2042%2041%2073c8-31%200-65-15-77c30%2012%2057%2020%2072%2042c-7-53-42-60-68-69%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%22SVGqdEcMdXs172%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(%23SVGqdEcMdXs172)%22%3E%3Cpath%20fill%3D%22%230052b4%22%20d%3D%22M0%200h512v512H0Z%22%2F%3E%3Ccircle%20cx%3D%22118%22%20cy%3D%22118%22%20r%3D%2254%22%20fill%3D%22%23eee%22%2F%3E%3Ccircle%20cx%3D%22104.5%22%20cy%3D%22104.5%22%20r%3D%2238.5%22%20fill%3D%22%230052b4%22%2F%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22m238%20439l12-221h24l12%20221z%22%2F%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M292%20220c26-11%2036-19%2076-18c-34-15-65-20-91%200c8-20%2015-40%2042-59c-46%208-61%2024-65%2051c-11-27-38-29-76-29c42%2023%2033%2020%2054%2044c-27-4-58%208-88%2042c41-22%2061-15%2088-11a76%2076%200%200%200-35%2072c30-38%2026-27%2065-61c15%2034%2034%2042%2041%2073c8-31%200-65-15-77c30%2012%2057%2020%2072%2042c-7-53-42-60-68-69%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/us-sc.svg?color=%231a73e8&size=48
