Update flags in language selector (#774)

Signed-off-by: Alexander Platov <sas_lord@mail.ru>
This commit is contained in:
Alexander Platov 2022-01-07 12:53:42 +03:00 committed by GitHub
parent 1cb49bb53b
commit fc021b8534
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 89 additions and 74 deletions

View File

@ -16,7 +16,6 @@
<script lang="ts">
import type { Asset, IntlString } from '@anticrm/platform'
import { createEventDispatcher } from 'svelte'
import { AnySvelteComponent } from '../../types'
import Label from '../Label.svelte'
export let langs: any
@ -29,9 +28,9 @@
<div class="flex-row-center menu-item" on:click={() => {
dispatch('close', lang.id)
}}>
{#if lang.icon}
<svelte:component this={lang.icon} size={'medium'} />
{/if}
<svg class="svg-small">
<use href="#{lang.id}-flag" />
</svg>
<div class="ml-3"><Label label={lang.label} /></div>
</div>
{/each}

View File

@ -18,13 +18,12 @@
import { showPopup } from '../..'
import LangPopup from './LangPopup.svelte'
import enFlag from './flags/english.svelte'
import ruFlag from './flags/russia.svelte'
import Flags from './icons/Flags.svelte'
const { currentLanguage, setLanguage } = getContext('lang')
const langs
= [{ id: 'en', label: 'English', icon: enFlag },
{ id: 'ru', label: 'Russian', icon: ruFlag }]
= [{ id: 'en', label: 'English' },
{ id: 'ru', label: 'Russian' }]
$: selected = langs.find(item => item.id === currentLanguage)
let trigger: HTMLElement
@ -39,8 +38,11 @@
}
</script>
<Flags />
{#if selected}
<div bind:this={trigger} class="flex-center cursor-pointer" on:click={selectLanguage}>
<svelte:component this={selected.icon} size={'medium'} />
<svg class="svg-medium">
<use href="#{selected.id}-flag" />
</svg>
</div>
{/if}

View File

@ -1,40 +0,0 @@
<!--
// Copyright © 2020 Anticrm Platform Contributors.
//
// Licensed under the Eclipse Public License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License. You may
// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
//
// See the License for the specific language governing permissions and
// limitations under the License.
-->
<script lang="ts">
export let size: 'small' | 'medium' | 'large'
// const fill: string = 'currentColor'
</script>
<svg class="svg-{size}" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<circle fill={'#fff'} cx="8" cy="8" r="8"/>
<g fill={'#1A237B'}>
<path d="M10.2,0.3v5.2l4.1-2.4C13.3,1.8,11.9,0.8,10.2,0.3z"/>
<path d="M1.7,3.1l4.2,2.5V0.3C4.2,0.7,2.8,1.7,1.7,3.1z"/>
<path d="M15.6,5.6l-0.4,0.2h0.5C15.7,5.8,15.7,5.7,15.6,5.6z"/>
<path d="M15.5,10.8c0,0,0-0.1,0.1-0.1h-0.3L15.5,10.8z"/>
<path d="M5.9,15.7V11L2,13.3C3,14.4,4.4,15.3,5.9,15.7z"/>
<path d="M10.2,15.7c1.5-0.4,2.8-1.3,3.8-2.5L10.2,11V15.7z"/>
<path d="M0.5,10.9l0.4-0.2H0.5C0.5,10.7,0.5,10.8,0.5,10.9z"/>
<path d="M0.3,5.8h0.6L0.4,5.5C0.4,5.6,0.3,5.7,0.3,5.8z"/>
</g>
<g fill={'#BD0034'}>
<path d="M15.2,4.4c-0.1-0.3-0.3-0.6-0.5-0.8l-3.9,2.2h1.9L15.2,4.4z"/>
<path d="M12.3,10.7l2.6,1.4c0.2-0.3,0.3-0.5,0.4-0.8l-1.1-0.6H12.3z"/>
<path d="M4.2,5.8L1,4C0.9,4.3,0.8,4.6,0.6,4.9l1.7,1H4.2z"/>
<path d="M1.2,12.2c0.2,0.3,0.3,0.5,0.5,0.8l4-2.3H3.9L1.2,12.2z"/>
<path d="M15.9,6.9H9.4V0.1C8.9,0,8.5,0,8,0C7.6,0,7.2,0,6.8,0.1v6.8H0.1C0,7.2,0,7.6,0,8c0,0.6,0.1,1.1,0.2,1.6h6.6 v6.3C7.2,16,7.6,16,8,16c0.5,0,0.9,0,1.4-0.1V9.6h6.5C15.9,9.1,16,8.6,16,8C16,7.6,16,7.2,15.9,6.9z"/>
</g>
</svg>

View File

@ -1,25 +0,0 @@
<!--
// Copyright © 2020 Anticrm Platform Contributors.
//
// Licensed under the Eclipse Public License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License. You may
// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
//
// See the License for the specific language governing permissions and
// limitations under the License.
-->
<script lang="ts">
export let size: 'small' | 'medium' | 'large'
// const fill: string = 'currentColor'
</script>
<svg class="svg-{size}" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path fill={'#F4F4F4'} d="M0.5,5.3h15.1C14.4,2.2,11.5,0,8,0S1.6,2.2,0.5,5.3z"/>
<path fill={'#323E95'} d="M0.5,5.3C0.2,6.2,0,7.1,0,8s0.2,1.8,0.5,2.7h15.1C15.8,9.8,16,8.9,16,8s-0.2-1.8-0.5-2.7H0.5z"/>
<path fill={'#D8001E'} d="M15.5,10.7H0.5C1.6,13.8,4.5,16,8,16S14.4,13.8,15.5,10.7z"/>
</svg>

View File

@ -0,0 +1,79 @@
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
<symbol id="en-flag" viewBox="0 0 16 16">
<g fill={'#DB2E2E'}>
<rect y="6.1" width="16" height="0.8"/>
<rect y="4.5" width="16" height="0.8"/>
<rect y="3" width="16" height="0.8"/>
<rect y="7.6" width="16" height="0.8"/>
<rect y="9.2" width="16" height="0.8"/>
<rect y="10.7" width="16" height="0.8"/>
<rect y="12.2" width="16" height="0.8"/>
</g>
<g fill={'#FFFFFF'}>
<rect y="5.3" width="16" height="0.8"/>
<rect y="3.8" width="16" height="0.8"/>
<rect y="6.8" width="16" height="0.8"/>
<rect y="8.4" width="16" height="0.8"/>
<rect y="9.9" width="16" height="0.8"/>
<rect y="11.5" width="16" height="0.8"/>
</g>
<rect fill={'#2E4593'} y="3" width="6" height="4.7"/>
<g fill={'#FFFFFF'}>
<polygon points="5,3.9 5.1,4.1 4.9,4 4.9,4 4.9,4 4.8,4.1 4.8,3.9 4.8,3.9 4.8,3.9 4.7,3.8 4.9,3.8 4.9,3.7 5,3.8 5,3.8 5,3.8 5.2,3.8 5,3.9 5,3.9 "/>
<polygon points="5,4.9 5.1,5.1 4.9,5 4.9,5 4.9,5 4.8,5.1 4.8,4.9 4.8,4.9 4.8,4.9 4.7,4.8 4.9,4.8 4.9,4.6 5,4.8 5,4.8 5,4.8 5.2,4.8 5,4.9 5,4.9 "/>
<polygon points="5,5.8 5.1,6 4.9,5.9 4.9,5.9 4.9,5.9 4.8,6 4.8,5.8 4.8,5.8 4.8,5.8 4.7,5.7 4.9,5.7 4.9,5.5 5,5.7 5,5.7 5,5.7 5.2,5.7 5,5.8 5,5.8 "/>
<polygon points="5,6.8 5.1,7 4.9,6.8 4.9,6.8 4.9,6.8 4.8,7 4.8,6.8 4.8,6.8 4.8,6.8 4.7,6.7 4.9,6.7 4.9,6.5 5,6.7 5,6.7 5,6.7 5.2,6.7 5,6.8 5,6.8 "/>
<polygon points="4,3.9 4.1,4.1 3.9,4 3.9,4 3.9,4 3.8,4.1 3.8,3.9 3.8,3.9 3.8,3.9 3.7,3.8 3.9,3.8 3.9,3.7 4,3.8 4,3.8 4,3.8 4.2,3.8 4,3.9 4,3.9 "/>
<polygon points="4,4.9 4.1,5.1 3.9,5 3.9,5 3.9,5 3.8,5.1 3.8,4.9 3.8,4.9 3.8,4.9 3.7,4.8 3.9,4.8 3.9,4.6 4,4.8 4,4.8 4,4.8 4.2,4.8 4,4.9 4,4.9 "/>
<polygon points="4,5.8 4.1,6 3.9,5.9 3.9,5.9 3.9,5.9 3.8,6 3.8,5.8 3.8,5.8 3.8,5.8 3.7,5.7 3.9,5.7 3.9,5.5 4,5.7 4,5.7 4,5.7 4.2,5.7 4,5.8 4,5.8 "/>
<polygon points="4,6.8 4.1,7 3.9,6.8 3.9,6.8 3.9,6.8 3.8,7 3.8,6.8 3.8,6.8 3.8,6.8 3.7,6.7 3.9,6.7 3.9,6.5 4,6.7 4,6.7 4,6.7 4.2,6.7 4,6.8 4,6.8 "/>
<polygon points="3,3.9 3.1,4.1 2.9,4 2.9,4 2.9,4 2.8,4.1 2.8,3.9 2.8,3.9 2.8,3.9 2.7,3.8 2.9,3.8 2.9,3.7 3,3.8 3,3.8 3,3.8 3.2,3.8 3,3.9 3,3.9 "/>
<polygon points="3,4.9 3.1,5.1 2.9,5 2.9,5 2.9,5 2.8,5.1 2.8,4.9 2.8,4.9 2.8,4.9 2.7,4.8 2.9,4.8 2.9,4.6 3,4.8 3,4.8 3,4.8 3.2,4.8 3,4.9 3,4.9 "/>
<polygon points="3,5.8 3.1,6 2.9,5.9 2.9,5.9 2.9,5.9 2.8,6 2.8,5.8 2.8,5.8 2.8,5.8 2.7,5.7 2.9,5.7 2.9,5.5 3,5.7 3,5.7 3,5.7 3.2,5.7 3,5.8 3,5.8 "/>
<polygon points="3,6.8 3.1,7 2.9,6.8 2.9,6.8 2.9,6.8 2.8,7 2.8,6.8 2.8,6.8 2.8,6.8 2.7,6.7 2.9,6.7 2.9,6.5 3,6.7 3,6.7 3,6.7 3.2,6.7 3,6.8 3,6.8 "/>
<polygon points="2,3.9 2.1,4.1 2,4 2,4 2,4 1.8,4.1 1.9,3.9 1.9,3.9 1.9,3.9 1.7,3.8 1.9,3.8 2,3.7 2,3.8 2,3.8 2,3.8 2.2,3.8 2,3.9 2,3.9 "/>
<polygon points="2,4.9 2.1,5.1 2,5 2,5 2,5 1.8,5.1 1.9,4.9 1.9,4.9 1.9,4.9 1.7,4.8 1.9,4.8 2,4.6 2,4.8 2,4.8 2,4.8 2.2,4.8 2,4.9 2,4.9 "/>
<polygon points="2,5.8 2.1,6 2,5.9 2,5.9 2,5.9 1.8,6 1.9,5.8 1.9,5.8 1.9,5.8 1.7,5.7 1.9,5.7 2,5.5 2,5.7 2,5.7 2,5.7 2.2,5.7 2,5.8 2,5.8 "/>
<polygon points="2,6.8 2.1,7 2,6.8 2,6.8 2,6.8 1.8,7 1.9,6.8 1.9,6.8 1.9,6.8 1.7,6.7 1.9,6.7 2,6.5 2,6.7 2,6.7 2,6.7 2.2,6.7 2,6.8 2,6.8 "/>
<polygon points="1.1,3.9 1.1,4.1 1,4 1,4 1,4 0.8,4.1 0.9,3.9 0.9,3.9 0.9,3.9 0.7,3.8 0.9,3.8 1,3.7 1,3.8 1,3.8 1,3.8 1.2,3.8 1.1,3.9 1.1,3.9 "/>
<polygon points="1.1,4.9 1.1,5.1 1,5 1,5 1,5 0.8,5.1 0.9,4.9 0.9,4.9 0.9,4.9 0.7,4.8 0.9,4.8 1,4.6 1,4.8 1,4.8 1,4.8 1.2,4.8 1.1,4.9 1.1,4.9 "/>
<polygon points="1.1,5.8 1.1,6 1,5.9 1,5.9 1,5.9 0.8,6 0.9,5.8 0.9,5.8 0.9,5.8 0.7,5.7 0.9,5.7 1,5.5 1,5.7 1,5.7 1,5.7 1.2,5.7 1.1,5.8 1.1,5.8 "/>
<polygon points="1.1,6.8 1.1,7 1,6.8 1,6.8 1,6.8 0.8,7 0.9,6.8 0.9,6.8 0.9,6.8 0.7,6.7 0.9,6.7 1,6.5 1,6.7 1,6.7 1,6.7 1.2,6.7 1.1,6.8 1.1,6.8 "/>
<polygon points="5.5,4.4 5.5,4.6 5.4,4.5 5.4,4.5 5.4,4.5 5.2,4.6 5.3,4.4 5.3,4.4 5.3,4.4 5.1,4.3 5.3,4.3 5.4,4.1 5.4,4.3 5.4,4.3 5.4,4.3 5.6,4.3 5.5,4.4 5.5,4.4 "/>
<polygon points="5.5,5.4 5.5,5.5 5.4,5.4 5.4,5.4 5.4,5.4 5.2,5.5 5.3,5.4 5.3,5.4 5.3,5.4 5.1,5.3 5.3,5.3 5.4,5.1 5.4,5.3 5.4,5.3 5.4,5.3 5.6,5.3 5.5,5.4 5.5,5.4 "/>
<polygon points="5.5,6.3 5.5,6.5 5.4,6.4 5.4,6.4 5.4,6.4 5.2,6.5 5.3,6.3 5.3,6.3 5.3,6.3 5.1,6.2 5.3,6.2 5.4,6 5.4,6.2 5.4,6.2 5.4,6.2 5.6,6.2 5.5,6.3 5.5,6.3 "/>
<polygon points="5.5,7.2 5.5,7.4 5.4,7.3 5.4,7.3 5.4,7.3 5.2,7.4 5.3,7.2 5.3,7.2 5.3,7.2 5.1,7.1 5.3,7.1 5.4,7 5.4,7.1 5.4,7.1 5.4,7.1 5.6,7.1 5.5,7.2 5.5,7.2 "/>
<polygon points="5.5,3.5 5.5,3.7 5.4,3.6 5.4,3.5 5.4,3.6 5.2,3.7 5.3,3.5 5.3,3.5 5.3,3.5 5.1,3.4 5.3,3.4 5.4,3.2 5.4,3.4 5.4,3.4 5.4,3.4 5.6,3.4 5.5,3.5 5.5,3.5 "/>
<polygon points="4.5,4.4 4.6,4.6 4.4,4.5 4.4,4.5 4.4,4.5 4.3,4.6 4.3,4.4 4.3,4.4 4.3,4.4 4.2,4.3 4.4,4.3 4.4,4.1 4.5,4.3 4.5,4.3 4.5,4.3 4.7,4.3 4.5,4.4 4.5,4.4 "/>
<polygon points="4.5,5.4 4.6,5.5 4.4,5.4 4.4,5.4 4.4,5.4 4.3,5.5 4.3,5.4 4.3,5.4 4.3,5.4 4.2,5.3 4.4,5.3 4.4,5.1 4.5,5.3 4.5,5.3 4.5,5.3 4.7,5.3 4.5,5.4 4.5,5.4 "/>
<polygon points="4.5,6.3 4.6,6.5 4.4,6.4 4.4,6.4 4.4,6.4 4.3,6.5 4.3,6.3 4.3,6.3 4.3,6.3 4.2,6.2 4.4,6.2 4.4,6 4.5,6.2 4.5,6.2 4.5,6.2 4.7,6.2 4.5,6.3 4.5,6.3 "/>
<polygon points="4.5,7.2 4.6,7.4 4.4,7.3 4.4,7.3 4.4,7.3 4.3,7.4 4.3,7.2 4.3,7.2 4.3,7.2 4.2,7.1 4.4,7.1 4.4,7 4.5,7.1 4.5,7.1 4.5,7.1 4.7,7.1 4.5,7.2 4.5,7.2 "/>
<polygon points="4.5,3.5 4.6,3.7 4.4,3.6 4.4,3.5 4.4,3.6 4.3,3.7 4.3,3.5 4.3,3.5 4.3,3.5 4.2,3.4 4.4,3.4 4.4,3.2 4.5,3.4 4.5,3.4 4.5,3.4 4.7,3.4 4.5,3.5 4.5,3.5 "/>
<polygon points="3.5,4.4 3.6,4.6 3.4,4.5 3.4,4.5 3.4,4.5 3.3,4.6 3.3,4.4 3.3,4.4 3.3,4.4 3.2,4.3 3.4,4.3 3.4,4.1 3.5,4.3 3.5,4.3 3.5,4.3 3.7,4.3 3.5,4.4 3.5,4.4 "/>
<polygon points="3.5,5.4 3.6,5.5 3.4,5.4 3.4,5.4 3.4,5.4 3.3,5.5 3.3,5.4 3.3,5.4 3.3,5.4 3.2,5.3 3.4,5.3 3.4,5.1 3.5,5.3 3.5,5.3 3.5,5.3 3.7,5.3 3.5,5.4 3.5,5.4 "/>
<polygon points="3.5,6.3 3.6,6.5 3.4,6.4 3.4,6.4 3.4,6.4 3.3,6.5 3.3,6.3 3.3,6.3 3.3,6.3 3.2,6.2 3.4,6.2 3.4,6 3.5,6.2 3.5,6.2 3.5,6.2 3.7,6.2 3.5,6.3 3.5,6.3 "/>
<polygon points="3.5,7.2 3.6,7.4 3.4,7.3 3.4,7.3 3.4,7.3 3.3,7.4 3.3,7.2 3.3,7.2 3.3,7.2 3.2,7.1 3.4,7.1 3.4,7 3.5,7.1 3.5,7.1 3.5,7.1 3.7,7.1 3.5,7.2 3.5,7.2 "/>
<polygon points="3.5,3.5 3.6,3.7 3.4,3.6 3.4,3.5 3.4,3.6 3.3,3.7 3.3,3.5 3.3,3.5 3.3,3.5 3.2,3.4 3.4,3.4 3.4,3.2 3.5,3.4 3.5,3.4 3.5,3.4 3.7,3.4 3.5,3.5 3.5,3.5 "/>
<polygon points="2.5,4.4 2.6,4.6 2.4,4.5 2.4,4.5 2.4,4.5 2.3,4.6 2.3,4.4 2.3,4.4 2.3,4.4 2.2,4.3 2.4,4.3 2.4,4.1 2.5,4.3 2.5,4.3 2.5,4.3 2.7,4.3 2.5,4.4 2.5,4.4 "/>
<polygon points="2.5,5.4 2.6,5.5 2.4,5.4 2.4,5.4 2.4,5.4 2.3,5.5 2.3,5.4 2.3,5.4 2.3,5.4 2.2,5.3 2.4,5.3 2.4,5.1 2.5,5.3 2.5,5.3 2.5,5.3 2.7,5.3 2.5,5.4 2.5,5.4 "/>
<polygon points="2.5,6.3 2.6,6.5 2.4,6.4 2.4,6.4 2.4,6.4 2.3,6.5 2.3,6.3 2.3,6.3 2.3,6.3 2.2,6.2 2.4,6.2 2.4,6 2.5,6.2 2.5,6.2 2.5,6.2 2.7,6.2 2.5,6.3 2.5,6.3 "/>
<polygon points="2.5,7.2 2.6,7.4 2.4,7.3 2.4,7.3 2.4,7.3 2.3,7.4 2.3,7.2 2.3,7.2 2.3,7.2 2.2,7.1 2.4,7.1 2.4,7 2.5,7.1 2.5,7.1 2.5,7.1 2.7,7.1 2.5,7.2 2.5,7.2 "/>
<polygon points="2.5,3.5 2.6,3.7 2.4,3.6 2.4,3.5 2.4,3.6 2.3,3.7 2.3,3.5 2.3,3.5 2.3,3.5 2.2,3.4 2.4,3.4 2.4,3.2 2.5,3.4 2.5,3.4 2.5,3.4 2.7,3.4 2.5,3.5 2.5,3.5 "/>
<polygon points="1.6,4.4 1.6,4.6 1.5,4.5 1.5,4.5 1.5,4.5 1.3,4.6 1.4,4.4 1.4,4.4 1.4,4.4 1.2,4.3 1.4,4.3 1.5,4.1 1.5,4.3 1.5,4.3 1.5,4.3 1.7,4.3 1.6,4.4 1.6,4.4 "/>
<polygon points="1.6,5.4 1.6,5.5 1.5,5.4 1.5,5.4 1.5,5.4 1.3,5.5 1.4,5.4 1.4,5.4 1.4,5.4 1.2,5.3 1.4,5.3 1.5,5.1 1.5,5.3 1.5,5.3 1.5,5.3 1.7,5.3 1.6,5.4 1.6,5.4 "/>
<polygon points="1.6,6.3 1.6,6.5 1.5,6.4 1.5,6.4 1.5,6.4 1.3,6.5 1.4,6.3 1.4,6.3 1.4,6.3 1.2,6.2 1.4,6.2 1.5,6 1.5,6.2 1.5,6.2 1.5,6.2 1.7,6.2 1.6,6.3 1.6,6.3 "/>
<polygon points="1.6,7.2 1.6,7.4 1.5,7.3 1.5,7.3 1.5,7.3 1.3,7.4 1.4,7.2 1.4,7.2 1.4,7.2 1.2,7.1 1.4,7.1 1.5,7 1.5,7.1 1.5,7.1 1.5,7.1 1.7,7.1 1.6,7.2 1.6,7.2 "/>
<polygon points="1.6,3.5 1.6,3.7 1.5,3.6 1.5,3.5 1.5,3.6 1.3,3.7 1.4,3.5 1.4,3.5 1.4,3.5 1.2,3.4 1.4,3.4 1.5,3.2 1.5,3.4 1.5,3.4 1.5,3.4 1.7,3.4 1.6,3.5 1.6,3.5 "/>
<polygon points="0.6,4.4 0.6,4.6 0.5,4.5 0.5,4.5 0.5,4.5 0.3,4.6 0.4,4.4 0.4,4.4 0.4,4.4 0.2,4.3 0.4,4.3 0.5,4.1 0.5,4.3 0.5,4.3 0.5,4.3 0.7,4.3 0.6,4.4 0.6,4.4 "/>
<polygon points="0.6,5.4 0.6,5.5 0.5,5.4 0.5,5.4 0.5,5.4 0.3,5.5 0.4,5.4 0.4,5.4 0.4,5.4 0.2,5.3 0.4,5.3 0.5,5.1 0.5,5.3 0.5,5.3 0.5,5.3 0.7,5.3 0.6,5.4 0.6,5.4 "/>
<polygon points="0.6,6.3 0.6,6.5 0.5,6.4 0.5,6.4 0.5,6.4 0.3,6.5 0.4,6.3 0.4,6.3 0.4,6.3 0.2,6.2 0.4,6.2 0.5,6 0.5,6.2 0.5,6.2 0.5,6.2 0.7,6.2 0.6,6.3 0.6,6.3 "/>
<polygon points="0.6,7.2 0.6,7.4 0.5,7.3 0.5,7.3 0.5,7.3 0.3,7.4 0.4,7.2 0.4,7.2 0.4,7.2 0.2,7.1 0.4,7.1 0.5,7 0.5,7.1 0.5,7.1 0.5,7.1 0.7,7.1 0.6,7.2 0.6,7.2 "/>
<polygon points="0.6,3.5 0.6,3.7 0.5,3.6 0.5,3.5 0.5,3.6 0.3,3.7 0.4,3.5 0.4,3.5 0.4,3.5 0.2,3.4 0.4,3.4 0.5,3.2 0.5,3.4 0.5,3.4 0.5,3.4 0.7,3.4 0.6,3.5 0.6,3.5 "/>
</g>
</symbol>
<symbol id="ru-flag" viewBox="0 0 16 16">
<rect fill={'#FDFFFF'} y="3" width="16" height="3.3"/>
<rect fill={'#DB2E2E'} y="9.7" width="16" height="3.3"/>
<rect fill={'#3C5EBF'} y="6.3" width="16" height="3.3"/>
</symbol>
</svg>

After

Width:  |  Height:  |  Size: 9.1 KiB