icons/Simple Icons/webauthnOpen in browser →

webauthn · Simple Icons

Free SVG webauthn icon from Simple Icons. Rendered at 24×24 in the filled style and licensed under CC0. Copy directly as SVG, React (JSX), or Vue. Download as SVG or PNG. No login, no attribution required for CC0 licensed icons.

webauthn icon — Simple IconsFree webauthn SVG icon from Simple Icons, filled style, CC0 licensed.

Tags

  • webauthn

Code

HTML / SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="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>
React
// Run: npx sant-icons get brand-webauthn --format react
export function BrandWebauthn(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" {...props}><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>
  );
}
CLI
npx sant-icons get brand-webauthn

Properties

Name
webauthn
Library
Simple Icons
Style
filled
License
CC0
Version
1.2.101
Identifier
brand-webauthn

The webauthn icon ships with Simple Icons, an open-source icon set licensed under CC0. Search for it as "simple icons webauthn", "webauthn svg", or any of its tagged terms (webauthn). The SVG is normalised to a 24×24 viewBox so you can drop it into any UI framework alongside the other icons here without scaling concerns.

Need this icon in your codebase fast? Install the MCP server for Claude Code (or any MCP-aware AI tool) and ask the model to fetch brand-webauthn directly into your project. No browser context-switch.