找找图标
al-4x3 图标

al-4x3 SVG 图标

flagal-4x3

来自 Flag Icons 开源图标集，矢量 SVG 可无损缩放到任意尺寸，支持在线改色、复制 React/Vue/HTML 代码。

图标 ID
flag:al-4x3
中文名
—
所属集合
Flag Icons
集合规模
542 枚
基础网格
—
色彩
多色
开源协议
MIT
作者
Panayiotis Lipiridis

下载 al-4x3 图标

SVG 矢量源文件，或 PNG 按 16~512 预设与 16~1024 自定义尺寸导出，任意尺寸边缘锐利。

px
iOS / Android 全套尺寸 · 素材包生成器用 AI 生成类似风格的图标

PNG 由矢量源实时渲染，任意尺寸边缘锐利无锯齿；下载与预览均免费，无需注册。

al-4x3 的预览与使用场景

切换预览颜色后，下方三底色、真实界面场景与各尺寸渲染会实时跟随。

预览颜色
al-4x3 图标 浅色背景预览浅色背景
al-4x3 图标 深色背景预览深色背景
al-4x3 图标 灰底融入预览灰底融入

在真实界面里长这样

继续按钮内 · 主操作
搜索al-4x3…输入框 · 前缀图标
al-4x3导航菜单 · 选中态
暂无内容空状态 · 引导提示
9:41al-4x3 App 图标al-4x3al-1x1手机桌面 · App 图标
al-4x3flag.design/icons/al-4x3浏览器 · 标签页与站点图标

各尺寸下的可读性

al-4x3 图标 24px 渲染24pxal-4x3 图标 32px 渲染32pxal-4x3 图标 48px 渲染48pxal-4x3 图标 64px 渲染64pxal-4x3 图标 96px 渲染96pxal-4x3 图标 128px 渲染128px

复制 al-4x3 图标代码

内联 SVG、React、Vue 与 CSS mask 四种主流引用方式，代码基于当前源文件生成，复制即用。

svgSVG 源码（内联 HTML）
<svg xmlns="http://www.w3.org/2000/svg" width="1.34em" height="1em" viewBox="0 0 640 480"><path fill="red" d="M0 0h640v480H0z"/><path id="SVGxzqvKe5j" fill="#000001" d="M272 93.3c-4.6 0-12.3 1.5-12.2 5c-13-2.1-14.3 3.2-13.5 8q2-2.9 3.9-3.1q2.5-.3 5.4 1.4a22 22 0 0 1 4.8 4.1c-4.6 1.1-8.2.4-11.8-.2a17 17 0 0 1-5.7-2.4c-1.5-1-2-2-4.3-4.3c-2.7-2.8-5.6-2-4.7 2.3c2.1 4 5.6 5.8 10 6.6c2.1.3 5.3 1 8.9 1s7.6-.5 9.8 0c-1.3.8-2.8 2.3-5.8 2.8s-7.5-1.8-10.3-2.4c.3 2.3 3.3 4.5 9.1 5.7c9.6 2 17.5 3.6 22.8 6.5a37 37 0 0 1 10.9 9.2c4.7 5.5 5 9.8 5.2 10.8c1 8.8-2.1 13.8-7.9 15.4c-2.8.7-8-.7-9.8-2.9c-2-2.2-3.7-6-3.2-12c.5-2.2 3.1-8.3.9-9.5a274 274 0 0 0-32.3-15.1c-2.5-1-4.5 2.4-5.3 3.8a50 50 0 0 1-36-23.7c-4.2-7.6-11.3 0-10.1 7.3c1.9 8 8 13.8 15.4 18s17 8.2 26.5 8c5.2 1 5.1 7.6-1 8.9c-12.1 0-21.8-.2-30.9-9c-6.9-6.3-10.7 1.2-8.8 5.4c3.4 13.1 22.1 16.8 41 12.6c7.4-1.2 3 6.6 1 6.7c-8 5.7-22.1 11.2-34.6 0c-5.7-4.4-9.6-.8-7.4 5.5c5.5 16.5 26.7 13 41.2 5c3.7-2.1 7.1 2.7 2.6 6.4c-18.1 12.6-27.1 12.8-35.3 8c-10.2-4.1-11 7.2-5 11c6.7 4 23.8 1 36.4-7c5.4-4 5.6 2.3 2.2 4.8c-14.9 12.9-20.8 16.3-36.3 14.2c-7.7-.6-7.6 8.9-1.6 12.6c8.3 5.1 24.5-3.3 37-13.8c5.3-2.8 6.2 1.8 3.6 7.3a54 54 0 0 1-21.8 18c-7 2.7-13.6 2.3-18.3.7c-5.8-2-6.5 4-3.3 9.4c1.9 3.3 9.8 4.3 18.4 1.3s17.8-10.2 24.1-18.5c5.5-4.9 4.9 1.6 2.3 6.2c-12.6 20-24.2 27.4-39.5 26.2c-6.7-1.2-8.3 4-4 9c7.6 6.2 17 6 25.4-.2c7.3-7 21.4-22.4 28.8-30.6c5.2-4.1 6.9 0 5.3 8.4c-1.4 4.8-4.8 10-14.3 13.6c-6.5 3.7-1.6 8.8 3.2 9c2.7 0 8.1-3.2 12.3-7.8c5.4-6.2 5.8-10.3 8.8-19.9c2.8-4.6 7.9-2.4 7.9 2.4c-2.5 9.6-4.5 11.3-9.5 15.2c-4.7 4.5 3.3 6 6 4.1c7.8-5.2 10.6-12 13.2-18.2c2-4.4 7.4-2.3 4.8 5c-6 17.4-16 24.2-33.3 27.8c-1.7.3-2.8 1.3-2.2 3.3l7 7c-10.7 3.2-19.4 5-30.2 8l-14.8-9.8c-1.3-3.2-2-8.2-9.8-4.7c-5.2-2.4-7.7-1.5-10.6 1c4.2 0 6 1.2 7.7 3.1c2.2 5.7 7.2 6.3 12.3 4.7c3.3 2.7 5 4.9 8.4 7.7l-16.7-.5c-6-6.3-10.6-6-14.8-1c-3.3.5-4.6.5-6.8 4.4c3.4-1.4 5.6-1.8 7.1-.3c6.3 3.7 10.4 2.9 13.5 0l17.5 1.1c-2.2 2-5.2 3-7.5 4.8c-9-2.6-13.8 1-15.4 8.3a17 17 0 0 0-1.2 9.3q1.1-4.6 4.9-7c8 2 11-1.3 11.5-6.1c4-3.2 9.8-3.9 13.7-7.1c4.6 1.4 6.8 2.3 11.4 3.8q2.4 7.5 11.3 5.6c7 .2 5.8 3.2 6.4 5.5c2-3.3 1.9-6.6-2.5-9.6c-1.6-4.3-5.2-6.3-9.8-3.8c-4.4-1.2-5.5-3-9.9-4.3c11-3.5 18.8-4.3 29.8-7.8l7.7 6.8q2.3 1.5 3.8 0c6.9-10 10-18.7 16.3-25.3c2.5-2.8 5.6-6.4 9-7.3c1.7-.5 3.8-.2 5.2 1.3c1.3 1.4 2.4 4.1 2 8.2c-.7 5.7-2.1 7.6-3.7 11s-3.6 5.6-5.7 8.3c-4 5.3-9.4 8.4-12.6 10.5c-6.4 4.1-9 2.3-14 2c-6.4.7-8 3.8-2.8 8.1c4.8 2.6 9.2 2.9 12.8 2.2c3-.6 6.6-4.5 9.2-6.6c2.8-3.3 7.6.6 4.3 4.5c-5.9 7-11.7 11.6-19 11.5c-7.7 1-6.2 5.3-1.2 7.4c9.2 3.7 17.4-3.3 21.6-8c3.2-3.5 5.5-3.6 5 1.9c-3.3 9.9-7.6 13.7-14.8 14.2c-5.8-.6-5.9 4-1.6 7c9.6 6.6 16.6-4.8 19.9-11.6c2.3-6.2 5.9-3.3 6.3 1.8c0 6.9-3 12.4-11.3 19.4c6.3 10.1 13.7 20.4 20 30.5l19.2-214L320 139c-2-1.8-8.8-9.8-10.5-11c-.7-.6-1-1-.1-1.4s3-.8 4.5-1c-4-4.1-7.6-5.4-15.3-7.6c1.9-.8 3.7-.4 9.3-.6a30 30 0 0 0-13.5-10.2c4.2-3 5-3.2 9.2-6.7a86 86 0 0 1-19.5-3.8a37 37 0 0 0-12-3.4zm.8 8.4c3.8 0 6.1 1.3 6.1 2.9s-2.3 2.9-6.1 2.9s-6.2-1.5-6.2-3c0-1.6 2.4-2.8 6.2-2.8"/><use width="100%" height="100%" href="#SVGxzqvKe5j" transform="matrix(-1 0 0 1 640 0)"/></svg>
reactReact 组件（TSX）
export function Al4x3Icon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="1em"
      height="1em"
      viewBox="0 0 640 480"
      fill="currentColor"
      {...props}
      dangerouslySetInnerHTML={{ __html: `<path fill="red" d="M0 0h640v480H0z"/><path id="SVGxzqvKe5j" fill="#000001" d="M272 93.3c-4.6 0-12.3 1.5-12.2 5c-13-2.1-14.3 3.2-13.5 8q2-2.9 3.9-3.1q2.5-.3 5.4 1.4a22 22 0 0 1 4.8 4.1c-4.6 1.1-8.2.4-11.8-.2a17 17 0 0 1-5.7-2.4c-1.5-1-2-2-4.3-4.3c-2.7-2.8-5.6-2-4.7 2.3c2.1 4 5.6 5.8 10 6.6c2.1.3 5.3 1 8.9 1s7.6-.5 9.8 0c-1.3.8-2.8 2.3-5.8 2.8s-7.5-1.8-10.3-2.4c.3 2.3 3.3 4.5 9.1 5.7c9.6 2 17.5 3.6 22.8 6.5a37 37 0 0 1 10.9 9.2c4.7 5.5 5 9.8 5.2 10.8c1 8.8-2.1 13.8-7.9 15.4c-2.8.7-8-.7-9.8-2.9c-2-2.2-3.7-6-3.2-12c.5-2.2 3.1-8.3.9-9.5a274 274 0 0 0-32.3-15.1c-2.5-1-4.5 2.4-5.3 3.8a50 50 0 0 1-36-23.7c-4.2-7.6-11.3 0-10.1 7.3c1.9 8 8 13.8 15.4 18s17 8.2 26.5 8c5.2 1 5.1 7.6-1 8.9c-12.1 0-21.8-.2-30.9-9c-6.9-6.3-10.7 1.2-8.8 5.4c3.4 13.1 22.1 16.8 41 12.6c7.4-1.2 3 6.6 1 6.7c-8 5.7-22.1 11.2-34.6 0c-5.7-4.4-9.6-.8-7.4 5.5c5.5 16.5 26.7 13 41.2 5c3.7-2.1 7.1 2.7 2.6 6.4c-18.1 12.6-27.1 12.8-35.3 8c-10.2-4.1-11 7.2-5 11c6.7 4 23.8 1 36.4-7c5.4-4 5.6 2.3 2.2 4.8c-14.9 12.9-20.8 16.3-36.3 14.2c-7.7-.6-7.6 8.9-1.6 12.6c8.3 5.1 24.5-3.3 37-13.8c5.3-2.8 6.2 1.8 3.6 7.3a54 54 0 0 1-21.8 18c-7 2.7-13.6 2.3-18.3.7c-5.8-2-6.5 4-3.3 9.4c1.9 3.3 9.8 4.3 18.4 1.3s17.8-10.2 24.1-18.5c5.5-4.9 4.9 1.6 2.3 6.2c-12.6 20-24.2 27.4-39.5 26.2c-6.7-1.2-8.3 4-4 9c7.6 6.2 17 6 25.4-.2c7.3-7 21.4-22.4 28.8-30.6c5.2-4.1 6.9 0 5.3 8.4c-1.4 4.8-4.8 10-14.3 13.6c-6.5 3.7-1.6 8.8 3.2 9c2.7 0 8.1-3.2 12.3-7.8c5.4-6.2 5.8-10.3 8.8-19.9c2.8-4.6 7.9-2.4 7.9 2.4c-2.5 9.6-4.5 11.3-9.5 15.2c-4.7 4.5 3.3 6 6 4.1c7.8-5.2 10.6-12 13.2-18.2c2-4.4 7.4-2.3 4.8 5c-6 17.4-16 24.2-33.3 27.8c-1.7.3-2.8 1.3-2.2 3.3l7 7c-10.7 3.2-19.4 5-30.2 8l-14.8-9.8c-1.3-3.2-2-8.2-9.8-4.7c-5.2-2.4-7.7-1.5-10.6 1c4.2 0 6 1.2 7.7 3.1c2.2 5.7 7.2 6.3 12.3 4.7c3.3 2.7 5 4.9 8.4 7.7l-16.7-.5c-6-6.3-10.6-6-14.8-1c-3.3.5-4.6.5-6.8 4.4c3.4-1.4 5.6-1.8 7.1-.3c6.3 3.7 10.4 2.9 13.5 0l17.5 1.1c-2.2 2-5.2 3-7.5 4.8c-9-2.6-13.8 1-15.4 8.3a17 17 0 0 0-1.2 9.3q1.1-4.6 4.9-7c8 2 11-1.3 11.5-6.1c4-3.2 9.8-3.9 13.7-7.1c4.6 1.4 6.8 2.3 11.4 3.8q2.4 7.5 11.3 5.6c7 .2 5.8 3.2 6.4 5.5c2-3.3 1.9-6.6-2.5-9.6c-1.6-4.3-5.2-6.3-9.8-3.8c-4.4-1.2-5.5-3-9.9-4.3c11-3.5 18.8-4.3 29.8-7.8l7.7 6.8q2.3 1.5 3.8 0c6.9-10 10-18.7 16.3-25.3c2.5-2.8 5.6-6.4 9-7.3c1.7-.5 3.8-.2 5.2 1.3c1.3 1.4 2.4 4.1 2 8.2c-.7 5.7-2.1 7.6-3.7 11s-3.6 5.6-5.7 8.3c-4 5.3-9.4 8.4-12.6 10.5c-6.4 4.1-9 2.3-14 2c-6.4.7-8 3.8-2.8 8.1c4.8 2.6 9.2 2.9 12.8 2.2c3-.6 6.6-4.5 9.2-6.6c2.8-3.3 7.6.6 4.3 4.5c-5.9 7-11.7 11.6-19 11.5c-7.7 1-6.2 5.3-1.2 7.4c9.2 3.7 17.4-3.3 21.6-8c3.2-3.5 5.5-3.6 5 1.9c-3.3 9.9-7.6 13.7-14.8 14.2c-5.8-.6-5.9 4-1.6 7c9.6 6.6 16.6-4.8 19.9-11.6c2.3-6.2 5.9-3.3 6.3 1.8c0 6.9-3 12.4-11.3 19.4c6.3 10.1 13.7 20.4 20 30.5l19.2-214L320 139c-2-1.8-8.8-9.8-10.5-11c-.7-.6-1-1-.1-1.4s3-.8 4.5-1c-4-4.1-7.6-5.4-15.3-7.6c1.9-.8 3.7-.4 9.3-.6a30 30 0 0 0-13.5-10.2c4.2-3 5-3.2 9.2-6.7a86 86 0 0 1-19.5-3.8a37 37 0 0 0-12-3.4zm.8 8.4c3.8 0 6.1 1.3 6.1 2.9s-2.3 2.9-6.1 2.9s-6.2-1.5-6.2-3c0-1.6 2.4-2.8 6.2-2.8"/><use width="100%" height="100%" href="#SVGxzqvKe5j" transform="matrix(-1 0 0 1 640 0)"/>` }}
    />
  );
}
vueVue 3 组件
<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 480" fill="currentColor" v-html="body"></svg>
</template>

<script setup>
const body = `<path fill="red" d="M0 0h640v480H0z"/><path id="SVGxzqvKe5j" fill="#000001" d="M272 93.3c-4.6 0-12.3 1.5-12.2 5c-13-2.1-14.3 3.2-13.5 8q2-2.9 3.9-3.1q2.5-.3 5.4 1.4a22 22 0 0 1 4.8 4.1c-4.6 1.1-8.2.4-11.8-.2a17 17 0 0 1-5.7-2.4c-1.5-1-2-2-4.3-4.3c-2.7-2.8-5.6-2-4.7 2.3c2.1 4 5.6 5.8 10 6.6c2.1.3 5.3 1 8.9 1s7.6-.5 9.8 0c-1.3.8-2.8 2.3-5.8 2.8s-7.5-1.8-10.3-2.4c.3 2.3 3.3 4.5 9.1 5.7c9.6 2 17.5 3.6 22.8 6.5a37 37 0 0 1 10.9 9.2c4.7 5.5 5 9.8 5.2 10.8c1 8.8-2.1 13.8-7.9 15.4c-2.8.7-8-.7-9.8-2.9c-2-2.2-3.7-6-3.2-12c.5-2.2 3.1-8.3.9-9.5a274 274 0 0 0-32.3-15.1c-2.5-1-4.5 2.4-5.3 3.8a50 50 0 0 1-36-23.7c-4.2-7.6-11.3 0-10.1 7.3c1.9 8 8 13.8 15.4 18s17 8.2 26.5 8c5.2 1 5.1 7.6-1 8.9c-12.1 0-21.8-.2-30.9-9c-6.9-6.3-10.7 1.2-8.8 5.4c3.4 13.1 22.1 16.8 41 12.6c7.4-1.2 3 6.6 1 6.7c-8 5.7-22.1 11.2-34.6 0c-5.7-4.4-9.6-.8-7.4 5.5c5.5 16.5 26.7 13 41.2 5c3.7-2.1 7.1 2.7 2.6 6.4c-18.1 12.6-27.1 12.8-35.3 8c-10.2-4.1-11 7.2-5 11c6.7 4 23.8 1 36.4-7c5.4-4 5.6 2.3 2.2 4.8c-14.9 12.9-20.8 16.3-36.3 14.2c-7.7-.6-7.6 8.9-1.6 12.6c8.3 5.1 24.5-3.3 37-13.8c5.3-2.8 6.2 1.8 3.6 7.3a54 54 0 0 1-21.8 18c-7 2.7-13.6 2.3-18.3.7c-5.8-2-6.5 4-3.3 9.4c1.9 3.3 9.8 4.3 18.4 1.3s17.8-10.2 24.1-18.5c5.5-4.9 4.9 1.6 2.3 6.2c-12.6 20-24.2 27.4-39.5 26.2c-6.7-1.2-8.3 4-4 9c7.6 6.2 17 6 25.4-.2c7.3-7 21.4-22.4 28.8-30.6c5.2-4.1 6.9 0 5.3 8.4c-1.4 4.8-4.8 10-14.3 13.6c-6.5 3.7-1.6 8.8 3.2 9c2.7 0 8.1-3.2 12.3-7.8c5.4-6.2 5.8-10.3 8.8-19.9c2.8-4.6 7.9-2.4 7.9 2.4c-2.5 9.6-4.5 11.3-9.5 15.2c-4.7 4.5 3.3 6 6 4.1c7.8-5.2 10.6-12 13.2-18.2c2-4.4 7.4-2.3 4.8 5c-6 17.4-16 24.2-33.3 27.8c-1.7.3-2.8 1.3-2.2 3.3l7 7c-10.7 3.2-19.4 5-30.2 8l-14.8-9.8c-1.3-3.2-2-8.2-9.8-4.7c-5.2-2.4-7.7-1.5-10.6 1c4.2 0 6 1.2 7.7 3.1c2.2 5.7 7.2 6.3 12.3 4.7c3.3 2.7 5 4.9 8.4 7.7l-16.7-.5c-6-6.3-10.6-6-14.8-1c-3.3.5-4.6.5-6.8 4.4c3.4-1.4 5.6-1.8 7.1-.3c6.3 3.7 10.4 2.9 13.5 0l17.5 1.1c-2.2 2-5.2 3-7.5 4.8c-9-2.6-13.8 1-15.4 8.3a17 17 0 0 0-1.2 9.3q1.1-4.6 4.9-7c8 2 11-1.3 11.5-6.1c4-3.2 9.8-3.9 13.7-7.1c4.6 1.4 6.8 2.3 11.4 3.8q2.4 7.5 11.3 5.6c7 .2 5.8 3.2 6.4 5.5c2-3.3 1.9-6.6-2.5-9.6c-1.6-4.3-5.2-6.3-9.8-3.8c-4.4-1.2-5.5-3-9.9-4.3c11-3.5 18.8-4.3 29.8-7.8l7.7 6.8q2.3 1.5 3.8 0c6.9-10 10-18.7 16.3-25.3c2.5-2.8 5.6-6.4 9-7.3c1.7-.5 3.8-.2 5.2 1.3c1.3 1.4 2.4 4.1 2 8.2c-.7 5.7-2.1 7.6-3.7 11s-3.6 5.6-5.7 8.3c-4 5.3-9.4 8.4-12.6 10.5c-6.4 4.1-9 2.3-14 2c-6.4.7-8 3.8-2.8 8.1c4.8 2.6 9.2 2.9 12.8 2.2c3-.6 6.6-4.5 9.2-6.6c2.8-3.3 7.6.6 4.3 4.5c-5.9 7-11.7 11.6-19 11.5c-7.7 1-6.2 5.3-1.2 7.4c9.2 3.7 17.4-3.3 21.6-8c3.2-3.5 5.5-3.6 5 1.9c-3.3 9.9-7.6 13.7-14.8 14.2c-5.8-.6-5.9 4-1.6 7c9.6 6.6 16.6-4.8 19.9-11.6c2.3-6.2 5.9-3.3 6.3 1.8c0 6.9-3 12.4-11.3 19.4c6.3 10.1 13.7 20.4 20 30.5l19.2-214L320 139c-2-1.8-8.8-9.8-10.5-11c-.7-.6-1-1-.1-1.4s3-.8 4.5-1c-4-4.1-7.6-5.4-15.3-7.6c1.9-.8 3.7-.4 9.3-.6a30 30 0 0 0-13.5-10.2c4.2-3 5-3.2 9.2-6.7a86 86 0 0 1-19.5-3.8a37 37 0 0 0-12-3.4zm.8 8.4c3.8 0 6.1 1.3 6.1 2.9s-2.3 2.9-6.1 2.9s-6.2-1.5-6.2-3c0-1.6 2.4-2.8 6.2-2.8"/><use width="100%" height="100%" href="#SVGxzqvKe5j" transform="matrix(-1 0 0 1 640 0)"/>`;
</script>
cssCSS mask（随 currentColor 改色）
.al-4x3 {
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221.34em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20480%22%3E%3Cpath%20fill%3D%22red%22%20d%3D%22M0%200h640v480H0z%22%2F%3E%3Cpath%20id%3D%22SVGxzqvKe5j%22%20fill%3D%22%23000001%22%20d%3D%22M272%2093.3c-4.6%200-12.3%201.5-12.2%205c-13-2.1-14.3%203.2-13.5%208q2-2.9%203.9-3.1q2.5-.3%205.4%201.4a22%2022%200%200%201%204.8%204.1c-4.6%201.1-8.2.4-11.8-.2a17%2017%200%200%201-5.7-2.4c-1.5-1-2-2-4.3-4.3c-2.7-2.8-5.6-2-4.7%202.3c2.1%204%205.6%205.8%2010%206.6c2.1.3%205.3%201%208.9%201s7.6-.5%209.8%200c-1.3.8-2.8%202.3-5.8%202.8s-7.5-1.8-10.3-2.4c.3%202.3%203.3%204.5%209.1%205.7c9.6%202%2017.5%203.6%2022.8%206.5a37%2037%200%200%201%2010.9%209.2c4.7%205.5%205%209.8%205.2%2010.8c1%208.8-2.1%2013.8-7.9%2015.4c-2.8.7-8-.7-9.8-2.9c-2-2.2-3.7-6-3.2-12c.5-2.2%203.1-8.3.9-9.5a274%20274%200%200%200-32.3-15.1c-2.5-1-4.5%202.4-5.3%203.8a50%2050%200%200%201-36-23.7c-4.2-7.6-11.3%200-10.1%207.3c1.9%208%208%2013.8%2015.4%2018s17%208.2%2026.5%208c5.2%201%205.1%207.6-1%208.9c-12.1%200-21.8-.2-30.9-9c-6.9-6.3-10.7%201.2-8.8%205.4c3.4%2013.1%2022.1%2016.8%2041%2012.6c7.4-1.2%203%206.6%201%206.7c-8%205.7-22.1%2011.2-34.6%200c-5.7-4.4-9.6-.8-7.4%205.5c5.5%2016.5%2026.7%2013%2041.2%205c3.7-2.1%207.1%202.7%202.6%206.4c-18.1%2012.6-27.1%2012.8-35.3%208c-10.2-4.1-11%207.2-5%2011c6.7%204%2023.8%201%2036.4-7c5.4-4%205.6%202.3%202.2%204.8c-14.9%2012.9-20.8%2016.3-36.3%2014.2c-7.7-.6-7.6%208.9-1.6%2012.6c8.3%205.1%2024.5-3.3%2037-13.8c5.3-2.8%206.2%201.8%203.6%207.3a54%2054%200%200%201-21.8%2018c-7%202.7-13.6%202.3-18.3.7c-5.8-2-6.5%204-3.3%209.4c1.9%203.3%209.8%204.3%2018.4%201.3s17.8-10.2%2024.1-18.5c5.5-4.9%204.9%201.6%202.3%206.2c-12.6%2020-24.2%2027.4-39.5%2026.2c-6.7-1.2-8.3%204-4%209c7.6%206.2%2017%206%2025.4-.2c7.3-7%2021.4-22.4%2028.8-30.6c5.2-4.1%206.9%200%205.3%208.4c-1.4%204.8-4.8%2010-14.3%2013.6c-6.5%203.7-1.6%208.8%203.2%209c2.7%200%208.1-3.2%2012.3-7.8c5.4-6.2%205.8-10.3%208.8-19.9c2.8-4.6%207.9-2.4%207.9%202.4c-2.5%209.6-4.5%2011.3-9.5%2015.2c-4.7%204.5%203.3%206%206%204.1c7.8-5.2%2010.6-12%2013.2-18.2c2-4.4%207.4-2.3%204.8%205c-6%2017.4-16%2024.2-33.3%2027.8c-1.7.3-2.8%201.3-2.2%203.3l7%207c-10.7%203.2-19.4%205-30.2%208l-14.8-9.8c-1.3-3.2-2-8.2-9.8-4.7c-5.2-2.4-7.7-1.5-10.6%201c4.2%200%206%201.2%207.7%203.1c2.2%205.7%207.2%206.3%2012.3%204.7c3.3%202.7%205%204.9%208.4%207.7l-16.7-.5c-6-6.3-10.6-6-14.8-1c-3.3.5-4.6.5-6.8%204.4c3.4-1.4%205.6-1.8%207.1-.3c6.3%203.7%2010.4%202.9%2013.5%200l17.5%201.1c-2.2%202-5.2%203-7.5%204.8c-9-2.6-13.8%201-15.4%208.3a17%2017%200%200%200-1.2%209.3q1.1-4.6%204.9-7c8%202%2011-1.3%2011.5-6.1c4-3.2%209.8-3.9%2013.7-7.1c4.6%201.4%206.8%202.3%2011.4%203.8q2.4%207.5%2011.3%205.6c7%20.2%205.8%203.2%206.4%205.5c2-3.3%201.9-6.6-2.5-9.6c-1.6-4.3-5.2-6.3-9.8-3.8c-4.4-1.2-5.5-3-9.9-4.3c11-3.5%2018.8-4.3%2029.8-7.8l7.7%206.8q2.3%201.5%203.8%200c6.9-10%2010-18.7%2016.3-25.3c2.5-2.8%205.6-6.4%209-7.3c1.7-.5%203.8-.2%205.2%201.3c1.3%201.4%202.4%204.1%202%208.2c-.7%205.7-2.1%207.6-3.7%2011s-3.6%205.6-5.7%208.3c-4%205.3-9.4%208.4-12.6%2010.5c-6.4%204.1-9%202.3-14%202c-6.4.7-8%203.8-2.8%208.1c4.8%202.6%209.2%202.9%2012.8%202.2c3-.6%206.6-4.5%209.2-6.6c2.8-3.3%207.6.6%204.3%204.5c-5.9%207-11.7%2011.6-19%2011.5c-7.7%201-6.2%205.3-1.2%207.4c9.2%203.7%2017.4-3.3%2021.6-8c3.2-3.5%205.5-3.6%205%201.9c-3.3%209.9-7.6%2013.7-14.8%2014.2c-5.8-.6-5.9%204-1.6%207c9.6%206.6%2016.6-4.8%2019.9-11.6c2.3-6.2%205.9-3.3%206.3%201.8c0%206.9-3%2012.4-11.3%2019.4c6.3%2010.1%2013.7%2020.4%2020%2030.5l19.2-214L320%20139c-2-1.8-8.8-9.8-10.5-11c-.7-.6-1-1-.1-1.4s3-.8%204.5-1c-4-4.1-7.6-5.4-15.3-7.6c1.9-.8%203.7-.4%209.3-.6a30%2030%200%200%200-13.5-10.2c4.2-3%205-3.2%209.2-6.7a86%2086%200%200%201-19.5-3.8a37%2037%200%200%200-12-3.4zm.8%208.4c3.8%200%206.1%201.3%206.1%202.9s-2.3%202.9-6.1%202.9s-6.2-1.5-6.2-3c0-1.6%202.4-2.8%206.2-2.8%22%2F%3E%3Cuse%20width%3D%22100%25%22%20height%3D%22100%25%22%20href%3D%22%23SVGxzqvKe5j%22%20transform%3D%22matrix(-1%200%200%201%20640%200)%22%2F%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%221.34em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20480%22%3E%3Cpath%20fill%3D%22red%22%20d%3D%22M0%200h640v480H0z%22%2F%3E%3Cpath%20id%3D%22SVGxzqvKe5j%22%20fill%3D%22%23000001%22%20d%3D%22M272%2093.3c-4.6%200-12.3%201.5-12.2%205c-13-2.1-14.3%203.2-13.5%208q2-2.9%203.9-3.1q2.5-.3%205.4%201.4a22%2022%200%200%201%204.8%204.1c-4.6%201.1-8.2.4-11.8-.2a17%2017%200%200%201-5.7-2.4c-1.5-1-2-2-4.3-4.3c-2.7-2.8-5.6-2-4.7%202.3c2.1%204%205.6%205.8%2010%206.6c2.1.3%205.3%201%208.9%201s7.6-.5%209.8%200c-1.3.8-2.8%202.3-5.8%202.8s-7.5-1.8-10.3-2.4c.3%202.3%203.3%204.5%209.1%205.7c9.6%202%2017.5%203.6%2022.8%206.5a37%2037%200%200%201%2010.9%209.2c4.7%205.5%205%209.8%205.2%2010.8c1%208.8-2.1%2013.8-7.9%2015.4c-2.8.7-8-.7-9.8-2.9c-2-2.2-3.7-6-3.2-12c.5-2.2%203.1-8.3.9-9.5a274%20274%200%200%200-32.3-15.1c-2.5-1-4.5%202.4-5.3%203.8a50%2050%200%200%201-36-23.7c-4.2-7.6-11.3%200-10.1%207.3c1.9%208%208%2013.8%2015.4%2018s17%208.2%2026.5%208c5.2%201%205.1%207.6-1%208.9c-12.1%200-21.8-.2-30.9-9c-6.9-6.3-10.7%201.2-8.8%205.4c3.4%2013.1%2022.1%2016.8%2041%2012.6c7.4-1.2%203%206.6%201%206.7c-8%205.7-22.1%2011.2-34.6%200c-5.7-4.4-9.6-.8-7.4%205.5c5.5%2016.5%2026.7%2013%2041.2%205c3.7-2.1%207.1%202.7%202.6%206.4c-18.1%2012.6-27.1%2012.8-35.3%208c-10.2-4.1-11%207.2-5%2011c6.7%204%2023.8%201%2036.4-7c5.4-4%205.6%202.3%202.2%204.8c-14.9%2012.9-20.8%2016.3-36.3%2014.2c-7.7-.6-7.6%208.9-1.6%2012.6c8.3%205.1%2024.5-3.3%2037-13.8c5.3-2.8%206.2%201.8%203.6%207.3a54%2054%200%200%201-21.8%2018c-7%202.7-13.6%202.3-18.3.7c-5.8-2-6.5%204-3.3%209.4c1.9%203.3%209.8%204.3%2018.4%201.3s17.8-10.2%2024.1-18.5c5.5-4.9%204.9%201.6%202.3%206.2c-12.6%2020-24.2%2027.4-39.5%2026.2c-6.7-1.2-8.3%204-4%209c7.6%206.2%2017%206%2025.4-.2c7.3-7%2021.4-22.4%2028.8-30.6c5.2-4.1%206.9%200%205.3%208.4c-1.4%204.8-4.8%2010-14.3%2013.6c-6.5%203.7-1.6%208.8%203.2%209c2.7%200%208.1-3.2%2012.3-7.8c5.4-6.2%205.8-10.3%208.8-19.9c2.8-4.6%207.9-2.4%207.9%202.4c-2.5%209.6-4.5%2011.3-9.5%2015.2c-4.7%204.5%203.3%206%206%204.1c7.8-5.2%2010.6-12%2013.2-18.2c2-4.4%207.4-2.3%204.8%205c-6%2017.4-16%2024.2-33.3%2027.8c-1.7.3-2.8%201.3-2.2%203.3l7%207c-10.7%203.2-19.4%205-30.2%208l-14.8-9.8c-1.3-3.2-2-8.2-9.8-4.7c-5.2-2.4-7.7-1.5-10.6%201c4.2%200%206%201.2%207.7%203.1c2.2%205.7%207.2%206.3%2012.3%204.7c3.3%202.7%205%204.9%208.4%207.7l-16.7-.5c-6-6.3-10.6-6-14.8-1c-3.3.5-4.6.5-6.8%204.4c3.4-1.4%205.6-1.8%207.1-.3c6.3%203.7%2010.4%202.9%2013.5%200l17.5%201.1c-2.2%202-5.2%203-7.5%204.8c-9-2.6-13.8%201-15.4%208.3a17%2017%200%200%200-1.2%209.3q1.1-4.6%204.9-7c8%202%2011-1.3%2011.5-6.1c4-3.2%209.8-3.9%2013.7-7.1c4.6%201.4%206.8%202.3%2011.4%203.8q2.4%207.5%2011.3%205.6c7%20.2%205.8%203.2%206.4%205.5c2-3.3%201.9-6.6-2.5-9.6c-1.6-4.3-5.2-6.3-9.8-3.8c-4.4-1.2-5.5-3-9.9-4.3c11-3.5%2018.8-4.3%2029.8-7.8l7.7%206.8q2.3%201.5%203.8%200c6.9-10%2010-18.7%2016.3-25.3c2.5-2.8%205.6-6.4%209-7.3c1.7-.5%203.8-.2%205.2%201.3c1.3%201.4%202.4%204.1%202%208.2c-.7%205.7-2.1%207.6-3.7%2011s-3.6%205.6-5.7%208.3c-4%205.3-9.4%208.4-12.6%2010.5c-6.4%204.1-9%202.3-14%202c-6.4.7-8%203.8-2.8%208.1c4.8%202.6%209.2%202.9%2012.8%202.2c3-.6%206.6-4.5%209.2-6.6c2.8-3.3%207.6.6%204.3%204.5c-5.9%207-11.7%2011.6-19%2011.5c-7.7%201-6.2%205.3-1.2%207.4c9.2%203.7%2017.4-3.3%2021.6-8c3.2-3.5%205.5-3.6%205%201.9c-3.3%209.9-7.6%2013.7-14.8%2014.2c-5.8-.6-5.9%204-1.6%207c9.6%206.6%2016.6-4.8%2019.9-11.6c2.3-6.2%205.9-3.3%206.3%201.8c0%206.9-3%2012.4-11.3%2019.4c6.3%2010.1%2013.7%2020.4%2020%2030.5l19.2-214L320%20139c-2-1.8-8.8-9.8-10.5-11c-.7-.6-1-1-.1-1.4s3-.8%204.5-1c-4-4.1-7.6-5.4-15.3-7.6c1.9-.8%203.7-.4%209.3-.6a30%2030%200%200%200-13.5-10.2c4.2-3%205-3.2%209.2-6.7a86%2086%200%200%201-19.5-3.8a37%2037%200%200%200-12-3.4zm.8%208.4c3.8%200%206.1%201.3%206.1%202.9s-2.3%202.9-6.1%202.9s-6.2-1.5-6.2-3c0-1.6%202.4-2.8%206.2-2.8%22%2F%3E%3Cuse%20width%3D%22100%25%22%20height%3D%22100%25%22%20href%3D%22%23SVGxzqvKe5j%22%20transform%3D%22matrix(-1%200%200%201%20640%200)%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

给 al-4x3 加一点动效

单文件 CSS 即可播放，无需任何依赖；描画动效仅对描边类图标生效。

al-4x3 呼吸动效演示

呼吸

透明度往复渐变，适合状态提示与在线指示。

css呼吸动效样式
.icon-al-4x3 {
  animation: icon-breathe 1.8s ease-in-out infinite;
}

@keyframes icon-breathe {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.35; }
}
al-4x3 旋转动效演示

旋转

匀速循环旋转，适合加载中场景。

css旋转动效样式
.icon-al-4x3 {
  animation: icon-spin 1.6s linear infinite;
}

@keyframes icon-spin {
  to { transform: rotate(360deg); }
}

SVG 健康报告

对源文件的客观技术指标，供工程侧评估引用方式。

文件体积

3.05 KB

3,124 字节

viewBox

0 0 640 480

矢量坐标系

图元总数

2

<path> ×2

风格

多色填充

填充跟随容器颜色

同时含 width/height 与 viewBox：可以只保留 viewBox，让图标跟随容器自适应缩放。 文件体积 3.05 KB（3,124 字节），图元 2 个，风格为多色填充。

常见问题

关于 al-4x3 图标的下载、商用与改色。

al-4x3 图标是什么？▾

它是 Flag Icons（flag）开源图标集中的 al-4x3 图标，多色填充，viewBox 为 0 0 640 480，文件仅 3.05 KB，矢量格式可无损缩放到任意尺寸。

如何下载 al-4x3 图标？▾

点击「下载与导出」中的 SVG 源文件按钮保存矢量文件；也可以按 512 / 256 / 128 / 64 / 32 / 16px 预设导出 PNG，或在输入框填 16~1024 之间的任意尺寸。需要 iOS、Android 全套尺寸时，用素材包生成器一键打包。

al-4x3 图标可以商用吗？▾

该图标采用 MIT（MIT） 开源协议，通常允许在遵守协议的前提下免费使用，常见要求是保留作者版权声明。商用前建议阅读协议原文确认。

如何修改 al-4x3 图标的颜色？▾

在「预览与场景」的色板中切换颜色，三底色与全部场景会实时跟随；点击任一相近图标可打开预览弹层，复制对应颜色的 SVG 源码或 PNG。也可以复制 SVG 源码后自行修改 fill 值。

Flag Icons 中的相近图标

al-1x1