找找图标
webauthn 图标

webauthn SVG 图标

simple-iconswebauthn

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

图标 ID
simple-icons:webauthn
中文名
—
所属集合
Simple Icons
集合规模
3,467 枚
基础网格
24px
色彩
单色（可改色）
开源协议
CC0-1.0
作者
Simple Icons Collaborators

下载 webauthn 图标

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

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

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

webauthn 的预览与使用场景

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

预览颜色
webauthn 图标 浅色背景预览浅色背景
webauthn 图标 深色背景预览深色背景
webauthn 图标 灰底融入预览灰底融入

在真实界面里长这样

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

各尺寸下的可读性

webauthn 图标 24px 渲染24pxwebauthn 图标 32px 渲染32pxwebauthn 图标 48px 渲染48pxwebauthn 图标 64px 渲染64pxwebauthn 图标 96px 渲染96pxwebauthn 图标 128px 渲染128px

复制 webauthn 图标代码

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

svgSVG 源码（内联 HTML）
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.287 3.641a8.41 8.41 0 0 0-8.05 7.593h.55a7.8 7.8 0 0 1 2.24-4.713a6 6 0 0 0 .923.695c-.608 1.177-.98 2.556-1.082 4.018h.135c.105-1.467.485-2.819 1.065-3.947c.745.434 1.623.754 2.577.94a28 28 0 0 0-.25 3.763h-.847v.135h.847c.003 1.334.09 2.617.25 3.764c-.954.185-1.832.506-2.577.94a10 10 0 0 1-.978-3.137h-.137c.164 1.16.502 2.25.997 3.208a6 6 0 0 0-.924.695a7.8 7.8 0 0 1-2.255-4.875h-.55a8.407 8.407 0 0 0 16.78-.675a8.4 8.4 0 0 0-.69-3.333a8.41 8.41 0 0 0-8.025-5.072zm.315.546q.233 0 .464.014c.365.34.708 1.07.983 2.114a17 17 0 0 1 .357 1.79a10 10 0 0 1-1.804.16a10 10 0 0 1-1.805-.16a17 17 0 0 1 .357-1.79c.275-1.045.618-1.775.983-2.114a8 8 0 0 1 .465-.014m-.665.028c-.345.392-.658 1.093-.913 2.065a17 17 0 0 0-.36 1.8c-.939-.183-1.802-.498-2.533-.926c.686-1.283 1.635-2.264 2.73-2.775a8 8 0 0 1 1.076-.164m1.33 0a8 8 0 0 1 1.084.168c1.092.513 2.037 1.492 2.721 2.771c-.73.428-1.594.743-2.533.927a17 17 0 0 0-.36-1.8c-.255-.972-.568-1.673-.912-2.066m-2.972.314c-.655.407-1.257.989-1.776 1.73a8 8 0 0 0-.506.825a5.7 5.7 0 0 1-.89-.67a7.8 7.8 0 0 1 3.172-1.885m4.624.006a7.86 7.86 0 0 1 3.164 1.877a5.7 5.7 0 0 1-.893.672a8 8 0 0 0-.506-.825c-.516-.738-1.115-1.318-1.765-1.724m3.26 1.985a7.9 7.9 0 0 1 1.638 2.419a7.8 7.8 0 0 1 .642 3.051h-2.095c-.01-1.74-.398-3.396-1.11-4.774a6 6 0 0 0 .925-.696m-1.044.767c.68 1.32 1.084 2.945 1.094 4.703h-3.42a28 28 0 0 0-.25-3.763c.953-.186 1.832-.506 2.576-.94m-6.357.965a10.3 10.3 0 0 0 1.824.16a10.3 10.3 0 0 0 1.823-.16c.16 1.138.246 2.413.25 3.738h-1.179a1 1 0 0 1-.093.135h1.27a28 28 0 0 1-.248 3.739a10.4 10.4 0 0 0-3.647 0a28 28 0 0 1-.248-3.739h1.294a1 1 0 0 1-.09-.135H13.53c.003-1.325.088-2.6.248-3.738M2.558 9.381a2.585 2.585 0 0 0-2.547 2.35c-.142 1.541 1.064 2.842 2.566 2.842c1.26 0 2.312-.917 2.533-2.124h4.44v.972h.946v-.972h.837v1.431h.945v-2.376H5.11a2.586 2.586 0 0 0-2.552-2.123m-.058.965a1.64 1.64 0 0 1 1.707 1.637a1.64 1.64 0 0 1-1.639 1.638a1.639 1.639 0 0 1-.068-3.275m13.09.388a.75.75 0 0 0-.345 1.404l-.383 1.958h1.5l-.383-1.958a.75.75 0 0 0 .384-.654a.75.75 0 0 0-.773-.75m2.218 1.391h3.421c-.01 1.758-.415 3.384-1.094 4.704c-.744-.434-1.623-.755-2.577-.94a28 28 0 0 0 .25-3.764m3.556 0h2.095a7.8 7.8 0 0 1-2.28 5.47a6 6 0 0 0-.925-.696c.712-1.378 1.1-3.033 1.11-4.774m-5.52 3.703a10 10 0 0 1 1.562.156a17 17 0 0 1-.357 1.791c-.275 1.045-.618 1.774-.982 2.114a8 8 0 0 1-.93 0c-.365-.34-.708-1.07-.983-2.114a17 17 0 0 1-.357-1.79a10.3 10.3 0 0 1 2.048-.157zm1.695.181c.94.184 1.803.5 2.533.926c-.686 1.284-1.635 2.265-2.73 2.776a8 8 0 0 1-1.075.164c.344-.393.657-1.094.913-2.065a17 17 0 0 0 .36-1.8zm-3.874 0a17 17 0 0 0 .36 1.8c.254.973.567 1.674.912 2.066a8 8 0 0 1-1.075-.164c-1.096-.511-2.045-1.492-2.73-2.775c.73-.428 1.593-.743 2.533-.927m-2.652.997a8 8 0 0 0 .506.825c.52.741 1.121 1.323 1.776 1.73a7.8 7.8 0 0 1-3.174-1.884a5.7 5.7 0 0 1 .892-.67zm9.178 0a5.7 5.7 0 0 1 .891.67a7.8 7.8 0 0 1-3.173 1.885c.654-.407 1.256-.989 1.775-1.73a8 8 0 0 0 .507-.825"/></svg>
reactReact 组件（TSX）
export function WebauthnIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="1em"
      height="1em"
      viewBox="0 0 24 24"
      fill="currentColor"
      {...props}
      dangerouslySetInnerHTML={{ __html: `<path fill="currentColor" d="M15.287 3.641a8.41 8.41 0 0 0-8.05 7.593h.55a7.8 7.8 0 0 1 2.24-4.713a6 6 0 0 0 .923.695c-.608 1.177-.98 2.556-1.082 4.018h.135c.105-1.467.485-2.819 1.065-3.947c.745.434 1.623.754 2.577.94a28 28 0 0 0-.25 3.763h-.847v.135h.847c.003 1.334.09 2.617.25 3.764c-.954.185-1.832.506-2.577.94a10 10 0 0 1-.978-3.137h-.137c.164 1.16.502 2.25.997 3.208a6 6 0 0 0-.924.695a7.8 7.8 0 0 1-2.255-4.875h-.55a8.407 8.407 0 0 0 16.78-.675a8.4 8.4 0 0 0-.69-3.333a8.41 8.41 0 0 0-8.025-5.072zm.315.546q.233 0 .464.014c.365.34.708 1.07.983 2.114a17 17 0 0 1 .357 1.79a10 10 0 0 1-1.804.16a10 10 0 0 1-1.805-.16a17 17 0 0 1 .357-1.79c.275-1.045.618-1.775.983-2.114a8 8 0 0 1 .465-.014m-.665.028c-.345.392-.658 1.093-.913 2.065a17 17 0 0 0-.36 1.8c-.939-.183-1.802-.498-2.533-.926c.686-1.283 1.635-2.264 2.73-2.775a8 8 0 0 1 1.076-.164m1.33 0a8 8 0 0 1 1.084.168c1.092.513 2.037 1.492 2.721 2.771c-.73.428-1.594.743-2.533.927a17 17 0 0 0-.36-1.8c-.255-.972-.568-1.673-.912-2.066m-2.972.314c-.655.407-1.257.989-1.776 1.73a8 8 0 0 0-.506.825a5.7 5.7 0 0 1-.89-.67a7.8 7.8 0 0 1 3.172-1.885m4.624.006a7.86 7.86 0 0 1 3.164 1.877a5.7 5.7 0 0 1-.893.672a8 8 0 0 0-.506-.825c-.516-.738-1.115-1.318-1.765-1.724m3.26 1.985a7.9 7.9 0 0 1 1.638 2.419a7.8 7.8 0 0 1 .642 3.051h-2.095c-.01-1.74-.398-3.396-1.11-4.774a6 6 0 0 0 .925-.696m-1.044.767c.68 1.32 1.084 2.945 1.094 4.703h-3.42a28 28 0 0 0-.25-3.763c.953-.186 1.832-.506 2.576-.94m-6.357.965a10.3 10.3 0 0 0 1.824.16a10.3 10.3 0 0 0 1.823-.16c.16 1.138.246 2.413.25 3.738h-1.179a1 1 0 0 1-.093.135h1.27a28 28 0 0 1-.248 3.739a10.4 10.4 0 0 0-3.647 0a28 28 0 0 1-.248-3.739h1.294a1 1 0 0 1-.09-.135H13.53c.003-1.325.088-2.6.248-3.738M2.558 9.381a2.585 2.585 0 0 0-2.547 2.35c-.142 1.541 1.064 2.842 2.566 2.842c1.26 0 2.312-.917 2.533-2.124h4.44v.972h.946v-.972h.837v1.431h.945v-2.376H5.11a2.586 2.586 0 0 0-2.552-2.123m-.058.965a1.64 1.64 0 0 1 1.707 1.637a1.64 1.64 0 0 1-1.639 1.638a1.639 1.639 0 0 1-.068-3.275m13.09.388a.75.75 0 0 0-.345 1.404l-.383 1.958h1.5l-.383-1.958a.75.75 0 0 0 .384-.654a.75.75 0 0 0-.773-.75m2.218 1.391h3.421c-.01 1.758-.415 3.384-1.094 4.704c-.744-.434-1.623-.755-2.577-.94a28 28 0 0 0 .25-3.764m3.556 0h2.095a7.8 7.8 0 0 1-2.28 5.47a6 6 0 0 0-.925-.696c.712-1.378 1.1-3.033 1.11-4.774m-5.52 3.703a10 10 0 0 1 1.562.156a17 17 0 0 1-.357 1.791c-.275 1.045-.618 1.774-.982 2.114a8 8 0 0 1-.93 0c-.365-.34-.708-1.07-.983-2.114a17 17 0 0 1-.357-1.79a10.3 10.3 0 0 1 2.048-.157zm1.695.181c.94.184 1.803.5 2.533.926c-.686 1.284-1.635 2.265-2.73 2.776a8 8 0 0 1-1.075.164c.344-.393.657-1.094.913-2.065a17 17 0 0 0 .36-1.8zm-3.874 0a17 17 0 0 0 .36 1.8c.254.973.567 1.674.912 2.066a8 8 0 0 1-1.075-.164c-1.096-.511-2.045-1.492-2.73-2.775c.73-.428 1.593-.743 2.533-.927m-2.652.997a8 8 0 0 0 .506.825c.52.741 1.121 1.323 1.776 1.73a7.8 7.8 0 0 1-3.174-1.884a5.7 5.7 0 0 1 .892-.67zm9.178 0a5.7 5.7 0 0 1 .891.67a7.8 7.8 0 0 1-3.173 1.885c.654-.407 1.256-.989 1.775-1.73a8 8 0 0 0 .507-.825"/>` }}
    />
  );
}
vueVue 3 组件
<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="currentColor" v-html="body"></svg>
</template>

<script setup>
const body = `<path fill="currentColor" d="M15.287 3.641a8.41 8.41 0 0 0-8.05 7.593h.55a7.8 7.8 0 0 1 2.24-4.713a6 6 0 0 0 .923.695c-.608 1.177-.98 2.556-1.082 4.018h.135c.105-1.467.485-2.819 1.065-3.947c.745.434 1.623.754 2.577.94a28 28 0 0 0-.25 3.763h-.847v.135h.847c.003 1.334.09 2.617.25 3.764c-.954.185-1.832.506-2.577.94a10 10 0 0 1-.978-3.137h-.137c.164 1.16.502 2.25.997 3.208a6 6 0 0 0-.924.695a7.8 7.8 0 0 1-2.255-4.875h-.55a8.407 8.407 0 0 0 16.78-.675a8.4 8.4 0 0 0-.69-3.333a8.41 8.41 0 0 0-8.025-5.072zm.315.546q.233 0 .464.014c.365.34.708 1.07.983 2.114a17 17 0 0 1 .357 1.79a10 10 0 0 1-1.804.16a10 10 0 0 1-1.805-.16a17 17 0 0 1 .357-1.79c.275-1.045.618-1.775.983-2.114a8 8 0 0 1 .465-.014m-.665.028c-.345.392-.658 1.093-.913 2.065a17 17 0 0 0-.36 1.8c-.939-.183-1.802-.498-2.533-.926c.686-1.283 1.635-2.264 2.73-2.775a8 8 0 0 1 1.076-.164m1.33 0a8 8 0 0 1 1.084.168c1.092.513 2.037 1.492 2.721 2.771c-.73.428-1.594.743-2.533.927a17 17 0 0 0-.36-1.8c-.255-.972-.568-1.673-.912-2.066m-2.972.314c-.655.407-1.257.989-1.776 1.73a8 8 0 0 0-.506.825a5.7 5.7 0 0 1-.89-.67a7.8 7.8 0 0 1 3.172-1.885m4.624.006a7.86 7.86 0 0 1 3.164 1.877a5.7 5.7 0 0 1-.893.672a8 8 0 0 0-.506-.825c-.516-.738-1.115-1.318-1.765-1.724m3.26 1.985a7.9 7.9 0 0 1 1.638 2.419a7.8 7.8 0 0 1 .642 3.051h-2.095c-.01-1.74-.398-3.396-1.11-4.774a6 6 0 0 0 .925-.696m-1.044.767c.68 1.32 1.084 2.945 1.094 4.703h-3.42a28 28 0 0 0-.25-3.763c.953-.186 1.832-.506 2.576-.94m-6.357.965a10.3 10.3 0 0 0 1.824.16a10.3 10.3 0 0 0 1.823-.16c.16 1.138.246 2.413.25 3.738h-1.179a1 1 0 0 1-.093.135h1.27a28 28 0 0 1-.248 3.739a10.4 10.4 0 0 0-3.647 0a28 28 0 0 1-.248-3.739h1.294a1 1 0 0 1-.09-.135H13.53c.003-1.325.088-2.6.248-3.738M2.558 9.381a2.585 2.585 0 0 0-2.547 2.35c-.142 1.541 1.064 2.842 2.566 2.842c1.26 0 2.312-.917 2.533-2.124h4.44v.972h.946v-.972h.837v1.431h.945v-2.376H5.11a2.586 2.586 0 0 0-2.552-2.123m-.058.965a1.64 1.64 0 0 1 1.707 1.637a1.64 1.64 0 0 1-1.639 1.638a1.639 1.639 0 0 1-.068-3.275m13.09.388a.75.75 0 0 0-.345 1.404l-.383 1.958h1.5l-.383-1.958a.75.75 0 0 0 .384-.654a.75.75 0 0 0-.773-.75m2.218 1.391h3.421c-.01 1.758-.415 3.384-1.094 4.704c-.744-.434-1.623-.755-2.577-.94a28 28 0 0 0 .25-3.764m3.556 0h2.095a7.8 7.8 0 0 1-2.28 5.47a6 6 0 0 0-.925-.696c.712-1.378 1.1-3.033 1.11-4.774m-5.52 3.703a10 10 0 0 1 1.562.156a17 17 0 0 1-.357 1.791c-.275 1.045-.618 1.774-.982 2.114a8 8 0 0 1-.93 0c-.365-.34-.708-1.07-.983-2.114a17 17 0 0 1-.357-1.79a10.3 10.3 0 0 1 2.048-.157zm1.695.181c.94.184 1.803.5 2.533.926c-.686 1.284-1.635 2.265-2.73 2.776a8 8 0 0 1-1.075.164c.344-.393.657-1.094.913-2.065a17 17 0 0 0 .36-1.8zm-3.874 0a17 17 0 0 0 .36 1.8c.254.973.567 1.674.912 2.066a8 8 0 0 1-1.075-.164c-1.096-.511-2.045-1.492-2.73-2.775c.73-.428 1.593-.743 2.533-.927m-2.652.997a8 8 0 0 0 .506.825c.52.741 1.121 1.323 1.776 1.73a7.8 7.8 0 0 1-3.174-1.884a5.7 5.7 0 0 1 .892-.67zm9.178 0a5.7 5.7 0 0 1 .891.67a7.8 7.8 0 0 1-3.173 1.885c.654-.407 1.256-.989 1.775-1.73a8 8 0 0 0 .507-.825"/>`;
</script>
cssCSS mask（随 currentColor 改色）
.webauthn {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.287%203.641a8.41%208.41%200%200%200-8.05%207.593h.55a7.8%207.8%200%200%201%202.24-4.713a6%206%200%200%200%20.923.695c-.608%201.177-.98%202.556-1.082%204.018h.135c.105-1.467.485-2.819%201.065-3.947c.745.434%201.623.754%202.577.94a28%2028%200%200%200-.25%203.763h-.847v.135h.847c.003%201.334.09%202.617.25%203.764c-.954.185-1.832.506-2.577.94a10%2010%200%200%201-.978-3.137h-.137c.164%201.16.502%202.25.997%203.208a6%206%200%200%200-.924.695a7.8%207.8%200%200%201-2.255-4.875h-.55a8.407%208.407%200%200%200%2016.78-.675a8.4%208.4%200%200%200-.69-3.333a8.41%208.41%200%200%200-8.025-5.072zm.315.546q.233%200%20.464.014c.365.34.708%201.07.983%202.114a17%2017%200%200%201%20.357%201.79a10%2010%200%200%201-1.804.16a10%2010%200%200%201-1.805-.16a17%2017%200%200%201%20.357-1.79c.275-1.045.618-1.775.983-2.114a8%208%200%200%201%20.465-.014m-.665.028c-.345.392-.658%201.093-.913%202.065a17%2017%200%200%200-.36%201.8c-.939-.183-1.802-.498-2.533-.926c.686-1.283%201.635-2.264%202.73-2.775a8%208%200%200%201%201.076-.164m1.33%200a8%208%200%200%201%201.084.168c1.092.513%202.037%201.492%202.721%202.771c-.73.428-1.594.743-2.533.927a17%2017%200%200%200-.36-1.8c-.255-.972-.568-1.673-.912-2.066m-2.972.314c-.655.407-1.257.989-1.776%201.73a8%208%200%200%200-.506.825a5.7%205.7%200%200%201-.89-.67a7.8%207.8%200%200%201%203.172-1.885m4.624.006a7.86%207.86%200%200%201%203.164%201.877a5.7%205.7%200%200%201-.893.672a8%208%200%200%200-.506-.825c-.516-.738-1.115-1.318-1.765-1.724m3.26%201.985a7.9%207.9%200%200%201%201.638%202.419a7.8%207.8%200%200%201%20.642%203.051h-2.095c-.01-1.74-.398-3.396-1.11-4.774a6%206%200%200%200%20.925-.696m-1.044.767c.68%201.32%201.084%202.945%201.094%204.703h-3.42a28%2028%200%200%200-.25-3.763c.953-.186%201.832-.506%202.576-.94m-6.357.965a10.3%2010.3%200%200%200%201.824.16a10.3%2010.3%200%200%200%201.823-.16c.16%201.138.246%202.413.25%203.738h-1.179a1%201%200%200%201-.093.135h1.27a28%2028%200%200%201-.248%203.739a10.4%2010.4%200%200%200-3.647%200a28%2028%200%200%201-.248-3.739h1.294a1%201%200%200%201-.09-.135H13.53c.003-1.325.088-2.6.248-3.738M2.558%209.381a2.585%202.585%200%200%200-2.547%202.35c-.142%201.541%201.064%202.842%202.566%202.842c1.26%200%202.312-.917%202.533-2.124h4.44v.972h.946v-.972h.837v1.431h.945v-2.376H5.11a2.586%202.586%200%200%200-2.552-2.123m-.058.965a1.64%201.64%200%200%201%201.707%201.637a1.64%201.64%200%200%201-1.639%201.638a1.639%201.639%200%200%201-.068-3.275m13.09.388a.75.75%200%200%200-.345%201.404l-.383%201.958h1.5l-.383-1.958a.75.75%200%200%200%20.384-.654a.75.75%200%200%200-.773-.75m2.218%201.391h3.421c-.01%201.758-.415%203.384-1.094%204.704c-.744-.434-1.623-.755-2.577-.94a28%2028%200%200%200%20.25-3.764m3.556%200h2.095a7.8%207.8%200%200%201-2.28%205.47a6%206%200%200%200-.925-.696c.712-1.378%201.1-3.033%201.11-4.774m-5.52%203.703a10%2010%200%200%201%201.562.156a17%2017%200%200%201-.357%201.791c-.275%201.045-.618%201.774-.982%202.114a8%208%200%200%201-.93%200c-.365-.34-.708-1.07-.983-2.114a17%2017%200%200%201-.357-1.79a10.3%2010.3%200%200%201%202.048-.157zm1.695.181c.94.184%201.803.5%202.533.926c-.686%201.284-1.635%202.265-2.73%202.776a8%208%200%200%201-1.075.164c.344-.393.657-1.094.913-2.065a17%2017%200%200%200%20.36-1.8zm-3.874%200a17%2017%200%200%200%20.36%201.8c.254.973.567%201.674.912%202.066a8%208%200%200%201-1.075-.164c-1.096-.511-2.045-1.492-2.73-2.775c.73-.428%201.593-.743%202.533-.927m-2.652.997a8%208%200%200%200%20.506.825c.52.741%201.121%201.323%201.776%201.73a7.8%207.8%200%200%201-3.174-1.884a5.7%205.7%200%200%201%20.892-.67zm9.178%200a5.7%205.7%200%200%201%20.891.67a7.8%207.8%200%200%201-3.173%201.885c.654-.407%201.256-.989%201.775-1.73a8%208%200%200%200%20.507-.825%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.287%203.641a8.41%208.41%200%200%200-8.05%207.593h.55a7.8%207.8%200%200%201%202.24-4.713a6%206%200%200%200%20.923.695c-.608%201.177-.98%202.556-1.082%204.018h.135c.105-1.467.485-2.819%201.065-3.947c.745.434%201.623.754%202.577.94a28%2028%200%200%200-.25%203.763h-.847v.135h.847c.003%201.334.09%202.617.25%203.764c-.954.185-1.832.506-2.577.94a10%2010%200%200%201-.978-3.137h-.137c.164%201.16.502%202.25.997%203.208a6%206%200%200%200-.924.695a7.8%207.8%200%200%201-2.255-4.875h-.55a8.407%208.407%200%200%200%2016.78-.675a8.4%208.4%200%200%200-.69-3.333a8.41%208.41%200%200%200-8.025-5.072zm.315.546q.233%200%20.464.014c.365.34.708%201.07.983%202.114a17%2017%200%200%201%20.357%201.79a10%2010%200%200%201-1.804.16a10%2010%200%200%201-1.805-.16a17%2017%200%200%201%20.357-1.79c.275-1.045.618-1.775.983-2.114a8%208%200%200%201%20.465-.014m-.665.028c-.345.392-.658%201.093-.913%202.065a17%2017%200%200%200-.36%201.8c-.939-.183-1.802-.498-2.533-.926c.686-1.283%201.635-2.264%202.73-2.775a8%208%200%200%201%201.076-.164m1.33%200a8%208%200%200%201%201.084.168c1.092.513%202.037%201.492%202.721%202.771c-.73.428-1.594.743-2.533.927a17%2017%200%200%200-.36-1.8c-.255-.972-.568-1.673-.912-2.066m-2.972.314c-.655.407-1.257.989-1.776%201.73a8%208%200%200%200-.506.825a5.7%205.7%200%200%201-.89-.67a7.8%207.8%200%200%201%203.172-1.885m4.624.006a7.86%207.86%200%200%201%203.164%201.877a5.7%205.7%200%200%201-.893.672a8%208%200%200%200-.506-.825c-.516-.738-1.115-1.318-1.765-1.724m3.26%201.985a7.9%207.9%200%200%201%201.638%202.419a7.8%207.8%200%200%201%20.642%203.051h-2.095c-.01-1.74-.398-3.396-1.11-4.774a6%206%200%200%200%20.925-.696m-1.044.767c.68%201.32%201.084%202.945%201.094%204.703h-3.42a28%2028%200%200%200-.25-3.763c.953-.186%201.832-.506%202.576-.94m-6.357.965a10.3%2010.3%200%200%200%201.824.16a10.3%2010.3%200%200%200%201.823-.16c.16%201.138.246%202.413.25%203.738h-1.179a1%201%200%200%201-.093.135h1.27a28%2028%200%200%201-.248%203.739a10.4%2010.4%200%200%200-3.647%200a28%2028%200%200%201-.248-3.739h1.294a1%201%200%200%201-.09-.135H13.53c.003-1.325.088-2.6.248-3.738M2.558%209.381a2.585%202.585%200%200%200-2.547%202.35c-.142%201.541%201.064%202.842%202.566%202.842c1.26%200%202.312-.917%202.533-2.124h4.44v.972h.946v-.972h.837v1.431h.945v-2.376H5.11a2.586%202.586%200%200%200-2.552-2.123m-.058.965a1.64%201.64%200%200%201%201.707%201.637a1.64%201.64%200%200%201-1.639%201.638a1.639%201.639%200%200%201-.068-3.275m13.09.388a.75.75%200%200%200-.345%201.404l-.383%201.958h1.5l-.383-1.958a.75.75%200%200%200%20.384-.654a.75.75%200%200%200-.773-.75m2.218%201.391h3.421c-.01%201.758-.415%203.384-1.094%204.704c-.744-.434-1.623-.755-2.577-.94a28%2028%200%200%200%20.25-3.764m3.556%200h2.095a7.8%207.8%200%200%201-2.28%205.47a6%206%200%200%200-.925-.696c.712-1.378%201.1-3.033%201.11-4.774m-5.52%203.703a10%2010%200%200%201%201.562.156a17%2017%200%200%201-.357%201.791c-.275%201.045-.618%201.774-.982%202.114a8%208%200%200%201-.93%200c-.365-.34-.708-1.07-.983-2.114a17%2017%200%200%201-.357-1.79a10.3%2010.3%200%200%201%202.048-.157zm1.695.181c.94.184%201.803.5%202.533.926c-.686%201.284-1.635%202.265-2.73%202.776a8%208%200%200%201-1.075.164c.344-.393.657-1.094.913-2.065a17%2017%200%200%200%20.36-1.8zm-3.874%200a17%2017%200%200%200%20.36%201.8c.254.973.567%201.674.912%202.066a8%208%200%200%201-1.075-.164c-1.096-.511-2.045-1.492-2.73-2.775c.73-.428%201.593-.743%202.533-.927m-2.652.997a8%208%200%200%200%20.506.825c.52.741%201.121%201.323%201.776%201.73a7.8%207.8%200%200%201-3.174-1.884a5.7%205.7%200%200%201%20.892-.67zm9.178%200a5.7%205.7%200%200%201%20.891.67a7.8%207.8%200%200%201-3.173%201.885c.654-.407%201.256-.989%201.775-1.73a8%208%200%200%200%20.507-.825%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

给 webauthn 加一点动效

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

webauthn 呼吸动效演示

呼吸

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

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

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

旋转

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

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

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

SVG 健康报告

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

文件体积

2.99 KB

3,059 字节

viewBox

0 0 24 24

矢量坐标系

图元总数

1

<path> ×1

风格

单色（跟随 currentColor）

填充跟随容器颜色

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

常见问题

关于 webauthn 图标的下载、商用与改色。

webauthn 图标是什么？▾

它是 Simple Icons（simple-icons）开源图标集中的 webauthn 图标，单色（跟随 currentColor），viewBox 为 0 0 24 24，文件仅 2.99 KB，矢量格式可无损缩放到任意尺寸。

如何下载 webauthn 图标？▾

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

webauthn 图标可以商用吗？▾

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

如何修改 webauthn 图标的颜色？▾

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