找找图标

aq-1x1 SVG 图标

flagaq-1x1

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

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

下载 aq-1x1 图标

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

px

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

aq-1x1 的预览与使用场景

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

预览颜色
aq-1x1 图标 浅色背景预览浅色背景
aq-1x1 图标 深色背景预览深色背景
aq-1x1 图标 灰底融入预览灰底融入

在真实界面里长这样

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

各尺寸下的可读性

aq-1x1 图标 24px 渲染24pxaq-1x1 图标 32px 渲染32pxaq-1x1 图标 48px 渲染48pxaq-1x1 图标 64px 渲染64pxaq-1x1 图标 96px 渲染96pxaq-1x1 图标 128px 渲染128px

复制 aq-1x1 图标代码

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

svgSVG 源码(内联 HTML)
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#3a7dce" d="M0 0h512v512H0z"/><path fill="#fff" d="M107.7 240.9c-3.5-7.9-3.5-7.9-3.5-15.7c-1.8 0-2.1.4-3.1 0c-1-.3-1.4 7.3-4.7 5.8c-.5-.7 2.4-6.2-.8-8.4c-1-.8.3-5.3-.2-7.2c0 0-4 2.3-7-5.9c-1.4-2.1-3.4 2-3.4 2s.9 2.5-.7 3c-2.3-1.8-3.9-.8-6.7-3.3s.6-5.4-4.8-7.6c3.5-9.8 3.5-7.8 12.2-11.8c-5.2-3.9-5.2-3.9-8.7-9.8c-5.3-2-7-3.9-12.2-7.8c-7-9.8-10.5-29.4-10.5-43.2c4.4-4.6 10.5 15.7 19.2 21.6l12.2 5.9c7 4 8.7 7.8 14 11.8l15.6 5.9c7 5.8 10.5 13.7 15.7 15.6c5.7 0 6.8-3.6 8.6-3.9c10.2-.5 15.5-2 17.5-5.5c2-2.8 7 1.6 21-4.3l-1.8-7.8s3.8-3.5 8.8-2c-.2-3.6-.5-13.1 4.4-17.5c-3-3.5-1-6-1-6s2.8-3 3.2-4.6c-1.5-8.7 1.2-8.8 1.9-11.3c.6-2.6-2.4-1.7-1.6-5.2c.9-3.5 6-4.4 6.6-7.3c.7-2.8-1.5-4.3-1.3-5c1-2.7.1-9.2 0-11.7c9.3-2.9 12.4-11.4 15.7-7.9c1.7-11.8 3.5-15.7 14-15.7c1.4-3.6-3.9-6.7-1.8-7.8c3.5-.5 6.1-.3 10.2 5.7c1.3 1.9 1.5-2.8 2.8-3.3c1.4-.5 4.5-.5 5-2.8c.4-2.4 1.1-5.5 2.9-9.4c1.5-3.2 2.6 1.2 4 7.4c7.3.3 23.9 2.2 30.9 4.3c5.2 1.6 8.7-1.5 13.7-2.1c3.7 4.2 7.2 1 9.1 10c2.8 4.7 7.3.3 8.3 1.8c5.9 18 26 5.8 27.4 6.1c2.6 0 5.7 8.1 7.7 8c3.3-.7 2.4-3.2 5.2-2.2c-.7 6.8 5.7 14.7 5.7 19.7c0 0 1.5.9 3-.6c1.4-1.5 2.7-5.4 4-5.3c3 .5 4.3 1 7.8 1.6c9.4 3.7 14.3 4.5 18 6.3c1.6 3.6 3.3 5.4 6.8 4.7c2.8 2.2.7 5 2.4 5.2c3.5-2 4.7-4.1 8.1-2.2c3.5 2 7 6 8.8 9.8c0 2-1.8 9.8 0 21.6c.8 4 1.3 7 5 13.8c-1 6.9 4.7 18.5 4.7 21.5c0 3.9-2.8 6-4.5 9.8c7 6 0 15.7-3.5 21.6c26.2 5.9 14 17.7 34.9 11.8c-5.3 13.7-3.4 12.6 1.8 26.3c-10.4 7.9-.2 10.3-7.2 20c-.4.7 4.2 8.6 10.6 8.6c-1.7 15.7-7 9.8-5.2 33.3c-13.8-.3-8.2 17.6-17.5 15.7c.6 11.3 5.3 12.2 3.5 23.6c-7 2-7 2-10.4 7.8l-5.3-2c-1.7 9.9-5.2 11.8 0 21.6c0 0-6.7.3-8.7 0c-.1 3.4 3 4.3 3.5 7.9c-.3 1.4-10 7.6-17.4 7.8c-2 4.9 5.2 10 4.8 12.5c-8.2 1.7-11.8 13-11.8 13s4.2 2 3.5 4c-2.3-1.9-3.5-2-7-2c-1.7.5-6-.1-10 7.6c-4.5 1.7-6.6 1-10 6.1c-1.5-4.8-3.7 0-6.3 2c-2.7 1.8-6.2 6.4-6.7 6.2c.1-1.3 1.6-6.2 1.6-6.2l-8.7 2h-1c-.8.1-.6-5.7-2.2-5.5s-6.4 7.3-8 7.6s-2.1-2.3-3.5-2c-1.4.1-4.1 7.4-5 7.6s-5-4.4-8.3-3.8c-17.2 6.8-19.9-13.4-22.6-2c-3.6-2.1-3-.9-6.6.2c-2.3.7-2.5-3.5-4.6-3.4c-4.2.1-4 4.5-6.2 3.2c-1.8-9.2-13-7.5-14.1-11.5c-.9-4 4.8-4 6.7-6.8c1.4-4-1.5-5.5 4.3-9.4c7.4-5.7 3.1-7.8 4.4-12.1c2.4-6.2 2.4-7.7.4-13.2c0 0-5.8-17.6-7-17.6c-3.4-1.1-3.4 6.5-8.5 8.6c-10.5 3.9-29-10-32.2-10c-3 .1-16.5 3.7-16-4c-2 7.5-9.6 1.8-10 1.8c-7 0-4.3 6-9 5.8c-2.1-.8-23.6-2.2-23.6-2.2v4l-14-8l-12.2-3.9c-10.4-3.9-5.2-13.7-22.6-7.8v-11.8h-8.7c3.4-23.5 0-11.7-1.8-33.3l-7 2c-7-10.7 9.7-8.6-5.2-15.8c0 0 .3-11.7-3.5-7.8c-.7.5 1.8 5.9 1.8 5.9c-14-2-17.5-5.9-17.5-21.6c0 0 11.5 1.9 10.5 0c-1.6-3-3.8-22-3.4-23.3c-.2-2.6 10.7-9.1 8.6-15.3c1.3-.6 5.3-.6 5.3-.6"/><path fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2.5" d="M595.5 297.6q-.9 2 .1 3.6c1.1-1.7.2-2.4 0-3.6zm-476-149.4s-3-.4-2.4 2.3c1-2 2.3-2.2 2.4-2.3zm-.3-6.4c-1.7 0-3.8-.2-3 2.5c1-2.1 3-2.4 3-2.5zm12.7 36.3s2.6-.2 2 2.5c-1-2-2-2.4-2-2.5z" transform="matrix(.86021 0 0 .96774 -50 10)"/></svg>
reactReact 组件(TSX)
export function Aq1x1Icon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="1em"
      height="1em"
      viewBox="0 0 512 512"
      fill="currentColor"
      {...props}
      dangerouslySetInnerHTML={{ __html: `<path fill="#3a7dce" d="M0 0h512v512H0z"/><path fill="#fff" d="M107.7 240.9c-3.5-7.9-3.5-7.9-3.5-15.7c-1.8 0-2.1.4-3.1 0c-1-.3-1.4 7.3-4.7 5.8c-.5-.7 2.4-6.2-.8-8.4c-1-.8.3-5.3-.2-7.2c0 0-4 2.3-7-5.9c-1.4-2.1-3.4 2-3.4 2s.9 2.5-.7 3c-2.3-1.8-3.9-.8-6.7-3.3s.6-5.4-4.8-7.6c3.5-9.8 3.5-7.8 12.2-11.8c-5.2-3.9-5.2-3.9-8.7-9.8c-5.3-2-7-3.9-12.2-7.8c-7-9.8-10.5-29.4-10.5-43.2c4.4-4.6 10.5 15.7 19.2 21.6l12.2 5.9c7 4 8.7 7.8 14 11.8l15.6 5.9c7 5.8 10.5 13.7 15.7 15.6c5.7 0 6.8-3.6 8.6-3.9c10.2-.5 15.5-2 17.5-5.5c2-2.8 7 1.6 21-4.3l-1.8-7.8s3.8-3.5 8.8-2c-.2-3.6-.5-13.1 4.4-17.5c-3-3.5-1-6-1-6s2.8-3 3.2-4.6c-1.5-8.7 1.2-8.8 1.9-11.3c.6-2.6-2.4-1.7-1.6-5.2c.9-3.5 6-4.4 6.6-7.3c.7-2.8-1.5-4.3-1.3-5c1-2.7.1-9.2 0-11.7c9.3-2.9 12.4-11.4 15.7-7.9c1.7-11.8 3.5-15.7 14-15.7c1.4-3.6-3.9-6.7-1.8-7.8c3.5-.5 6.1-.3 10.2 5.7c1.3 1.9 1.5-2.8 2.8-3.3c1.4-.5 4.5-.5 5-2.8c.4-2.4 1.1-5.5 2.9-9.4c1.5-3.2 2.6 1.2 4 7.4c7.3.3 23.9 2.2 30.9 4.3c5.2 1.6 8.7-1.5 13.7-2.1c3.7 4.2 7.2 1 9.1 10c2.8 4.7 7.3.3 8.3 1.8c5.9 18 26 5.8 27.4 6.1c2.6 0 5.7 8.1 7.7 8c3.3-.7 2.4-3.2 5.2-2.2c-.7 6.8 5.7 14.7 5.7 19.7c0 0 1.5.9 3-.6c1.4-1.5 2.7-5.4 4-5.3c3 .5 4.3 1 7.8 1.6c9.4 3.7 14.3 4.5 18 6.3c1.6 3.6 3.3 5.4 6.8 4.7c2.8 2.2.7 5 2.4 5.2c3.5-2 4.7-4.1 8.1-2.2c3.5 2 7 6 8.8 9.8c0 2-1.8 9.8 0 21.6c.8 4 1.3 7 5 13.8c-1 6.9 4.7 18.5 4.7 21.5c0 3.9-2.8 6-4.5 9.8c7 6 0 15.7-3.5 21.6c26.2 5.9 14 17.7 34.9 11.8c-5.3 13.7-3.4 12.6 1.8 26.3c-10.4 7.9-.2 10.3-7.2 20c-.4.7 4.2 8.6 10.6 8.6c-1.7 15.7-7 9.8-5.2 33.3c-13.8-.3-8.2 17.6-17.5 15.7c.6 11.3 5.3 12.2 3.5 23.6c-7 2-7 2-10.4 7.8l-5.3-2c-1.7 9.9-5.2 11.8 0 21.6c0 0-6.7.3-8.7 0c-.1 3.4 3 4.3 3.5 7.9c-.3 1.4-10 7.6-17.4 7.8c-2 4.9 5.2 10 4.8 12.5c-8.2 1.7-11.8 13-11.8 13s4.2 2 3.5 4c-2.3-1.9-3.5-2-7-2c-1.7.5-6-.1-10 7.6c-4.5 1.7-6.6 1-10 6.1c-1.5-4.8-3.7 0-6.3 2c-2.7 1.8-6.2 6.4-6.7 6.2c.1-1.3 1.6-6.2 1.6-6.2l-8.7 2h-1c-.8.1-.6-5.7-2.2-5.5s-6.4 7.3-8 7.6s-2.1-2.3-3.5-2c-1.4.1-4.1 7.4-5 7.6s-5-4.4-8.3-3.8c-17.2 6.8-19.9-13.4-22.6-2c-3.6-2.1-3-.9-6.6.2c-2.3.7-2.5-3.5-4.6-3.4c-4.2.1-4 4.5-6.2 3.2c-1.8-9.2-13-7.5-14.1-11.5c-.9-4 4.8-4 6.7-6.8c1.4-4-1.5-5.5 4.3-9.4c7.4-5.7 3.1-7.8 4.4-12.1c2.4-6.2 2.4-7.7.4-13.2c0 0-5.8-17.6-7-17.6c-3.4-1.1-3.4 6.5-8.5 8.6c-10.5 3.9-29-10-32.2-10c-3 .1-16.5 3.7-16-4c-2 7.5-9.6 1.8-10 1.8c-7 0-4.3 6-9 5.8c-2.1-.8-23.6-2.2-23.6-2.2v4l-14-8l-12.2-3.9c-10.4-3.9-5.2-13.7-22.6-7.8v-11.8h-8.7c3.4-23.5 0-11.7-1.8-33.3l-7 2c-7-10.7 9.7-8.6-5.2-15.8c0 0 .3-11.7-3.5-7.8c-.7.5 1.8 5.9 1.8 5.9c-14-2-17.5-5.9-17.5-21.6c0 0 11.5 1.9 10.5 0c-1.6-3-3.8-22-3.4-23.3c-.2-2.6 10.7-9.1 8.6-15.3c1.3-.6 5.3-.6 5.3-.6"/><path fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2.5" d="M595.5 297.6q-.9 2 .1 3.6c1.1-1.7.2-2.4 0-3.6zm-476-149.4s-3-.4-2.4 2.3c1-2 2.3-2.2 2.4-2.3zm-.3-6.4c-1.7 0-3.8-.2-3 2.5c1-2.1 3-2.4 3-2.5zm12.7 36.3s2.6-.2 2 2.5c-1-2-2-2.4-2-2.5z" transform="matrix(.86021 0 0 .96774 -50 10)"/>` }}
    />
  );
}
vueVue 3 组件
<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512" fill="currentColor" v-html="body"></svg>
</template>

<script setup>
const body = `<path fill="#3a7dce" d="M0 0h512v512H0z"/><path fill="#fff" d="M107.7 240.9c-3.5-7.9-3.5-7.9-3.5-15.7c-1.8 0-2.1.4-3.1 0c-1-.3-1.4 7.3-4.7 5.8c-.5-.7 2.4-6.2-.8-8.4c-1-.8.3-5.3-.2-7.2c0 0-4 2.3-7-5.9c-1.4-2.1-3.4 2-3.4 2s.9 2.5-.7 3c-2.3-1.8-3.9-.8-6.7-3.3s.6-5.4-4.8-7.6c3.5-9.8 3.5-7.8 12.2-11.8c-5.2-3.9-5.2-3.9-8.7-9.8c-5.3-2-7-3.9-12.2-7.8c-7-9.8-10.5-29.4-10.5-43.2c4.4-4.6 10.5 15.7 19.2 21.6l12.2 5.9c7 4 8.7 7.8 14 11.8l15.6 5.9c7 5.8 10.5 13.7 15.7 15.6c5.7 0 6.8-3.6 8.6-3.9c10.2-.5 15.5-2 17.5-5.5c2-2.8 7 1.6 21-4.3l-1.8-7.8s3.8-3.5 8.8-2c-.2-3.6-.5-13.1 4.4-17.5c-3-3.5-1-6-1-6s2.8-3 3.2-4.6c-1.5-8.7 1.2-8.8 1.9-11.3c.6-2.6-2.4-1.7-1.6-5.2c.9-3.5 6-4.4 6.6-7.3c.7-2.8-1.5-4.3-1.3-5c1-2.7.1-9.2 0-11.7c9.3-2.9 12.4-11.4 15.7-7.9c1.7-11.8 3.5-15.7 14-15.7c1.4-3.6-3.9-6.7-1.8-7.8c3.5-.5 6.1-.3 10.2 5.7c1.3 1.9 1.5-2.8 2.8-3.3c1.4-.5 4.5-.5 5-2.8c.4-2.4 1.1-5.5 2.9-9.4c1.5-3.2 2.6 1.2 4 7.4c7.3.3 23.9 2.2 30.9 4.3c5.2 1.6 8.7-1.5 13.7-2.1c3.7 4.2 7.2 1 9.1 10c2.8 4.7 7.3.3 8.3 1.8c5.9 18 26 5.8 27.4 6.1c2.6 0 5.7 8.1 7.7 8c3.3-.7 2.4-3.2 5.2-2.2c-.7 6.8 5.7 14.7 5.7 19.7c0 0 1.5.9 3-.6c1.4-1.5 2.7-5.4 4-5.3c3 .5 4.3 1 7.8 1.6c9.4 3.7 14.3 4.5 18 6.3c1.6 3.6 3.3 5.4 6.8 4.7c2.8 2.2.7 5 2.4 5.2c3.5-2 4.7-4.1 8.1-2.2c3.5 2 7 6 8.8 9.8c0 2-1.8 9.8 0 21.6c.8 4 1.3 7 5 13.8c-1 6.9 4.7 18.5 4.7 21.5c0 3.9-2.8 6-4.5 9.8c7 6 0 15.7-3.5 21.6c26.2 5.9 14 17.7 34.9 11.8c-5.3 13.7-3.4 12.6 1.8 26.3c-10.4 7.9-.2 10.3-7.2 20c-.4.7 4.2 8.6 10.6 8.6c-1.7 15.7-7 9.8-5.2 33.3c-13.8-.3-8.2 17.6-17.5 15.7c.6 11.3 5.3 12.2 3.5 23.6c-7 2-7 2-10.4 7.8l-5.3-2c-1.7 9.9-5.2 11.8 0 21.6c0 0-6.7.3-8.7 0c-.1 3.4 3 4.3 3.5 7.9c-.3 1.4-10 7.6-17.4 7.8c-2 4.9 5.2 10 4.8 12.5c-8.2 1.7-11.8 13-11.8 13s4.2 2 3.5 4c-2.3-1.9-3.5-2-7-2c-1.7.5-6-.1-10 7.6c-4.5 1.7-6.6 1-10 6.1c-1.5-4.8-3.7 0-6.3 2c-2.7 1.8-6.2 6.4-6.7 6.2c.1-1.3 1.6-6.2 1.6-6.2l-8.7 2h-1c-.8.1-.6-5.7-2.2-5.5s-6.4 7.3-8 7.6s-2.1-2.3-3.5-2c-1.4.1-4.1 7.4-5 7.6s-5-4.4-8.3-3.8c-17.2 6.8-19.9-13.4-22.6-2c-3.6-2.1-3-.9-6.6.2c-2.3.7-2.5-3.5-4.6-3.4c-4.2.1-4 4.5-6.2 3.2c-1.8-9.2-13-7.5-14.1-11.5c-.9-4 4.8-4 6.7-6.8c1.4-4-1.5-5.5 4.3-9.4c7.4-5.7 3.1-7.8 4.4-12.1c2.4-6.2 2.4-7.7.4-13.2c0 0-5.8-17.6-7-17.6c-3.4-1.1-3.4 6.5-8.5 8.6c-10.5 3.9-29-10-32.2-10c-3 .1-16.5 3.7-16-4c-2 7.5-9.6 1.8-10 1.8c-7 0-4.3 6-9 5.8c-2.1-.8-23.6-2.2-23.6-2.2v4l-14-8l-12.2-3.9c-10.4-3.9-5.2-13.7-22.6-7.8v-11.8h-8.7c3.4-23.5 0-11.7-1.8-33.3l-7 2c-7-10.7 9.7-8.6-5.2-15.8c0 0 .3-11.7-3.5-7.8c-.7.5 1.8 5.9 1.8 5.9c-14-2-17.5-5.9-17.5-21.6c0 0 11.5 1.9 10.5 0c-1.6-3-3.8-22-3.4-23.3c-.2-2.6 10.7-9.1 8.6-15.3c1.3-.6 5.3-.6 5.3-.6"/><path fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2.5" d="M595.5 297.6q-.9 2 .1 3.6c1.1-1.7.2-2.4 0-3.6zm-476-149.4s-3-.4-2.4 2.3c1-2 2.3-2.2 2.4-2.3zm-.3-6.4c-1.7 0-3.8-.2-3 2.5c1-2.1 3-2.4 3-2.5zm12.7 36.3s2.6-.2 2 2.5c-1-2-2-2.4-2-2.5z" transform="matrix(.86021 0 0 .96774 -50 10)"/>`;
</script>
cssCSS mask(随 currentColor 改色)
.aq-1x1 {
  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%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%233a7dce%22%20d%3D%22M0%200h512v512H0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M107.7%20240.9c-3.5-7.9-3.5-7.9-3.5-15.7c-1.8%200-2.1.4-3.1%200c-1-.3-1.4%207.3-4.7%205.8c-.5-.7%202.4-6.2-.8-8.4c-1-.8.3-5.3-.2-7.2c0%200-4%202.3-7-5.9c-1.4-2.1-3.4%202-3.4%202s.9%202.5-.7%203c-2.3-1.8-3.9-.8-6.7-3.3s.6-5.4-4.8-7.6c3.5-9.8%203.5-7.8%2012.2-11.8c-5.2-3.9-5.2-3.9-8.7-9.8c-5.3-2-7-3.9-12.2-7.8c-7-9.8-10.5-29.4-10.5-43.2c4.4-4.6%2010.5%2015.7%2019.2%2021.6l12.2%205.9c7%204%208.7%207.8%2014%2011.8l15.6%205.9c7%205.8%2010.5%2013.7%2015.7%2015.6c5.7%200%206.8-3.6%208.6-3.9c10.2-.5%2015.5-2%2017.5-5.5c2-2.8%207%201.6%2021-4.3l-1.8-7.8s3.8-3.5%208.8-2c-.2-3.6-.5-13.1%204.4-17.5c-3-3.5-1-6-1-6s2.8-3%203.2-4.6c-1.5-8.7%201.2-8.8%201.9-11.3c.6-2.6-2.4-1.7-1.6-5.2c.9-3.5%206-4.4%206.6-7.3c.7-2.8-1.5-4.3-1.3-5c1-2.7.1-9.2%200-11.7c9.3-2.9%2012.4-11.4%2015.7-7.9c1.7-11.8%203.5-15.7%2014-15.7c1.4-3.6-3.9-6.7-1.8-7.8c3.5-.5%206.1-.3%2010.2%205.7c1.3%201.9%201.5-2.8%202.8-3.3c1.4-.5%204.5-.5%205-2.8c.4-2.4%201.1-5.5%202.9-9.4c1.5-3.2%202.6%201.2%204%207.4c7.3.3%2023.9%202.2%2030.9%204.3c5.2%201.6%208.7-1.5%2013.7-2.1c3.7%204.2%207.2%201%209.1%2010c2.8%204.7%207.3.3%208.3%201.8c5.9%2018%2026%205.8%2027.4%206.1c2.6%200%205.7%208.1%207.7%208c3.3-.7%202.4-3.2%205.2-2.2c-.7%206.8%205.7%2014.7%205.7%2019.7c0%200%201.5.9%203-.6c1.4-1.5%202.7-5.4%204-5.3c3%20.5%204.3%201%207.8%201.6c9.4%203.7%2014.3%204.5%2018%206.3c1.6%203.6%203.3%205.4%206.8%204.7c2.8%202.2.7%205%202.4%205.2c3.5-2%204.7-4.1%208.1-2.2c3.5%202%207%206%208.8%209.8c0%202-1.8%209.8%200%2021.6c.8%204%201.3%207%205%2013.8c-1%206.9%204.7%2018.5%204.7%2021.5c0%203.9-2.8%206-4.5%209.8c7%206%200%2015.7-3.5%2021.6c26.2%205.9%2014%2017.7%2034.9%2011.8c-5.3%2013.7-3.4%2012.6%201.8%2026.3c-10.4%207.9-.2%2010.3-7.2%2020c-.4.7%204.2%208.6%2010.6%208.6c-1.7%2015.7-7%209.8-5.2%2033.3c-13.8-.3-8.2%2017.6-17.5%2015.7c.6%2011.3%205.3%2012.2%203.5%2023.6c-7%202-7%202-10.4%207.8l-5.3-2c-1.7%209.9-5.2%2011.8%200%2021.6c0%200-6.7.3-8.7%200c-.1%203.4%203%204.3%203.5%207.9c-.3%201.4-10%207.6-17.4%207.8c-2%204.9%205.2%2010%204.8%2012.5c-8.2%201.7-11.8%2013-11.8%2013s4.2%202%203.5%204c-2.3-1.9-3.5-2-7-2c-1.7.5-6-.1-10%207.6c-4.5%201.7-6.6%201-10%206.1c-1.5-4.8-3.7%200-6.3%202c-2.7%201.8-6.2%206.4-6.7%206.2c.1-1.3%201.6-6.2%201.6-6.2l-8.7%202h-1c-.8.1-.6-5.7-2.2-5.5s-6.4%207.3-8%207.6s-2.1-2.3-3.5-2c-1.4.1-4.1%207.4-5%207.6s-5-4.4-8.3-3.8c-17.2%206.8-19.9-13.4-22.6-2c-3.6-2.1-3-.9-6.6.2c-2.3.7-2.5-3.5-4.6-3.4c-4.2.1-4%204.5-6.2%203.2c-1.8-9.2-13-7.5-14.1-11.5c-.9-4%204.8-4%206.7-6.8c1.4-4-1.5-5.5%204.3-9.4c7.4-5.7%203.1-7.8%204.4-12.1c2.4-6.2%202.4-7.7.4-13.2c0%200-5.8-17.6-7-17.6c-3.4-1.1-3.4%206.5-8.5%208.6c-10.5%203.9-29-10-32.2-10c-3%20.1-16.5%203.7-16-4c-2%207.5-9.6%201.8-10%201.8c-7%200-4.3%206-9%205.8c-2.1-.8-23.6-2.2-23.6-2.2v4l-14-8l-12.2-3.9c-10.4-3.9-5.2-13.7-22.6-7.8v-11.8h-8.7c3.4-23.5%200-11.7-1.8-33.3l-7%202c-7-10.7%209.7-8.6-5.2-15.8c0%200%20.3-11.7-3.5-7.8c-.7.5%201.8%205.9%201.8%205.9c-14-2-17.5-5.9-17.5-21.6c0%200%2011.5%201.9%2010.5%200c-1.6-3-3.8-22-3.4-23.3c-.2-2.6%2010.7-9.1%208.6-15.3c1.3-.6%205.3-.6%205.3-.6%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222.5%22%20d%3D%22M595.5%20297.6q-.9%202%20.1%203.6c1.1-1.7.2-2.4%200-3.6zm-476-149.4s-3-.4-2.4%202.3c1-2%202.3-2.2%202.4-2.3zm-.3-6.4c-1.7%200-3.8-.2-3%202.5c1-2.1%203-2.4%203-2.5zm12.7%2036.3s2.6-.2%202%202.5c-1-2-2-2.4-2-2.5z%22%20transform%3D%22matrix(.86021%200%200%20.96774%20-50%2010)%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%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%233a7dce%22%20d%3D%22M0%200h512v512H0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M107.7%20240.9c-3.5-7.9-3.5-7.9-3.5-15.7c-1.8%200-2.1.4-3.1%200c-1-.3-1.4%207.3-4.7%205.8c-.5-.7%202.4-6.2-.8-8.4c-1-.8.3-5.3-.2-7.2c0%200-4%202.3-7-5.9c-1.4-2.1-3.4%202-3.4%202s.9%202.5-.7%203c-2.3-1.8-3.9-.8-6.7-3.3s.6-5.4-4.8-7.6c3.5-9.8%203.5-7.8%2012.2-11.8c-5.2-3.9-5.2-3.9-8.7-9.8c-5.3-2-7-3.9-12.2-7.8c-7-9.8-10.5-29.4-10.5-43.2c4.4-4.6%2010.5%2015.7%2019.2%2021.6l12.2%205.9c7%204%208.7%207.8%2014%2011.8l15.6%205.9c7%205.8%2010.5%2013.7%2015.7%2015.6c5.7%200%206.8-3.6%208.6-3.9c10.2-.5%2015.5-2%2017.5-5.5c2-2.8%207%201.6%2021-4.3l-1.8-7.8s3.8-3.5%208.8-2c-.2-3.6-.5-13.1%204.4-17.5c-3-3.5-1-6-1-6s2.8-3%203.2-4.6c-1.5-8.7%201.2-8.8%201.9-11.3c.6-2.6-2.4-1.7-1.6-5.2c.9-3.5%206-4.4%206.6-7.3c.7-2.8-1.5-4.3-1.3-5c1-2.7.1-9.2%200-11.7c9.3-2.9%2012.4-11.4%2015.7-7.9c1.7-11.8%203.5-15.7%2014-15.7c1.4-3.6-3.9-6.7-1.8-7.8c3.5-.5%206.1-.3%2010.2%205.7c1.3%201.9%201.5-2.8%202.8-3.3c1.4-.5%204.5-.5%205-2.8c.4-2.4%201.1-5.5%202.9-9.4c1.5-3.2%202.6%201.2%204%207.4c7.3.3%2023.9%202.2%2030.9%204.3c5.2%201.6%208.7-1.5%2013.7-2.1c3.7%204.2%207.2%201%209.1%2010c2.8%204.7%207.3.3%208.3%201.8c5.9%2018%2026%205.8%2027.4%206.1c2.6%200%205.7%208.1%207.7%208c3.3-.7%202.4-3.2%205.2-2.2c-.7%206.8%205.7%2014.7%205.7%2019.7c0%200%201.5.9%203-.6c1.4-1.5%202.7-5.4%204-5.3c3%20.5%204.3%201%207.8%201.6c9.4%203.7%2014.3%204.5%2018%206.3c1.6%203.6%203.3%205.4%206.8%204.7c2.8%202.2.7%205%202.4%205.2c3.5-2%204.7-4.1%208.1-2.2c3.5%202%207%206%208.8%209.8c0%202-1.8%209.8%200%2021.6c.8%204%201.3%207%205%2013.8c-1%206.9%204.7%2018.5%204.7%2021.5c0%203.9-2.8%206-4.5%209.8c7%206%200%2015.7-3.5%2021.6c26.2%205.9%2014%2017.7%2034.9%2011.8c-5.3%2013.7-3.4%2012.6%201.8%2026.3c-10.4%207.9-.2%2010.3-7.2%2020c-.4.7%204.2%208.6%2010.6%208.6c-1.7%2015.7-7%209.8-5.2%2033.3c-13.8-.3-8.2%2017.6-17.5%2015.7c.6%2011.3%205.3%2012.2%203.5%2023.6c-7%202-7%202-10.4%207.8l-5.3-2c-1.7%209.9-5.2%2011.8%200%2021.6c0%200-6.7.3-8.7%200c-.1%203.4%203%204.3%203.5%207.9c-.3%201.4-10%207.6-17.4%207.8c-2%204.9%205.2%2010%204.8%2012.5c-8.2%201.7-11.8%2013-11.8%2013s4.2%202%203.5%204c-2.3-1.9-3.5-2-7-2c-1.7.5-6-.1-10%207.6c-4.5%201.7-6.6%201-10%206.1c-1.5-4.8-3.7%200-6.3%202c-2.7%201.8-6.2%206.4-6.7%206.2c.1-1.3%201.6-6.2%201.6-6.2l-8.7%202h-1c-.8.1-.6-5.7-2.2-5.5s-6.4%207.3-8%207.6s-2.1-2.3-3.5-2c-1.4.1-4.1%207.4-5%207.6s-5-4.4-8.3-3.8c-17.2%206.8-19.9-13.4-22.6-2c-3.6-2.1-3-.9-6.6.2c-2.3.7-2.5-3.5-4.6-3.4c-4.2.1-4%204.5-6.2%203.2c-1.8-9.2-13-7.5-14.1-11.5c-.9-4%204.8-4%206.7-6.8c1.4-4-1.5-5.5%204.3-9.4c7.4-5.7%203.1-7.8%204.4-12.1c2.4-6.2%202.4-7.7.4-13.2c0%200-5.8-17.6-7-17.6c-3.4-1.1-3.4%206.5-8.5%208.6c-10.5%203.9-29-10-32.2-10c-3%20.1-16.5%203.7-16-4c-2%207.5-9.6%201.8-10%201.8c-7%200-4.3%206-9%205.8c-2.1-.8-23.6-2.2-23.6-2.2v4l-14-8l-12.2-3.9c-10.4-3.9-5.2-13.7-22.6-7.8v-11.8h-8.7c3.4-23.5%200-11.7-1.8-33.3l-7%202c-7-10.7%209.7-8.6-5.2-15.8c0%200%20.3-11.7-3.5-7.8c-.7.5%201.8%205.9%201.8%205.9c-14-2-17.5-5.9-17.5-21.6c0%200%2011.5%201.9%2010.5%200c-1.6-3-3.8-22-3.4-23.3c-.2-2.6%2010.7-9.1%208.6-15.3c1.3-.6%205.3-.6%205.3-.6%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222.5%22%20d%3D%22M595.5%20297.6q-.9%202%20.1%203.6c1.1-1.7.2-2.4%200-3.6zm-476-149.4s-3-.4-2.4%202.3c1-2%202.3-2.2%202.4-2.3zm-.3-6.4c-1.7%200-3.8-.2-3%202.5c1-2.1%203-2.4%203-2.5zm12.7%2036.3s2.6-.2%202%202.5c-1-2-2-2.4-2-2.5z%22%20transform%3D%22matrix(.86021%200%200%20.96774%20-50%2010)%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

给 aq-1x1 加一点动效

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

aq-1x1 呼吸动效演示

呼吸

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

css呼吸动效样式
.icon-aq-1x1 {
  animation: icon-breathe 1.8s ease-in-out infinite;
}

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

旋转

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

css旋转动效样式
.icon-aq-1x1 {
  animation: icon-spin 1.6s linear infinite;
}

@keyframes icon-spin {
  to { transform: rotate(360deg); }
}
aq-1x1 描画动效演示

描画

线条从无到有依次绘出,适合线性图标与首屏引导。

css描画动效样式
.icon-aq-1x1 path {
  stroke-dasharray: 120;
  animation: icon-draw 1.2s ease forwards;
}

@keyframes icon-draw {
  from { stroke-dashoffset: 120; }
  to { stroke-dashoffset: 0; }
}

SVG 健康报告

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

文件体积

2.90 KB

2,966 字节

viewBox

0 0 512 512

矢量坐标系

图元总数

3

<path> ×3

风格

多色填充

描边可随字号加粗

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

常见问题

关于 aq-1x1 图标的下载、商用与改色。

aq-1x1 图标是什么?▾

它是 Flag Icons(flag)开源图标集中的 aq-1x1 图标,多色填充,viewBox 为 0 0 512 512,文件仅 2.90 KB,矢量格式可无损缩放到任意尺寸。

如何下载 aq-1x1 图标?▾

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

aq-1x1 图标可以商用吗?▾

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

如何修改 aq-1x1 图标的颜色?▾

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

Flag Icons 中的相近图标

aq-4x3