authy logo
authy from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- authy
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the authy logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12a12 12 0 0 0 12-12A12 12 0 0 0 12 0m3.42 5.338c.274 0 .551.105.769.315l2.862 2.862c2.054 2.039 2.084 5.35.105 7.449a.2.2 0 0 1-.045.06l-.03.03l-.03.03c-.015.015-.045.03-.06.045c-2.098 1.978-5.41 1.948-7.463-.105l-2.863-2.863a1.05 1.05 0 0 1 0-1.499a1.05 1.05 0 0 1 1.5 0l2.861 2.863a3.23 3.23 0 0 0 4.542.03a3.244 3.244 0 0 0-.03-4.541l-2.863-2.862a1.05 1.05 0 0 1 0-1.5c.203-.209.472-.314.746-.314zM8.758 6.397a5.33 5.33 0 0 1 3.715 1.564l2.863 2.862c.42.42.42 1.08 0 1.5s-1.08.419-1.5 0L10.975 9.46a3.25 3.25 0 0 0-4.558-.015a3.243 3.243 0 0 0 .03 4.54l2.863 2.863c.42.42.42 1.08 0 1.499a1.05 1.05 0 0 1-1.499 0L4.95 15.484c-2.054-2.053-2.084-5.365-.105-7.463c.015-.03.03-.045.045-.06l.03-.03l.03-.03c.015-.015.045-.03.06-.045a5.36 5.36 0 0 1 3.748-1.46z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsAuthy(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12a12 12 0 0 0 12-12A12 12 0 0 0 12 0m3.42 5.338c.274 0 .551.105.769.315l2.862 2.862c2.054 2.039 2.084 5.35.105 7.449a.2.2 0 0 1-.045.06l-.03.03l-.03.03c-.015.015-.045.03-.06.045c-2.098 1.978-5.41 1.948-7.463-.105l-2.863-2.863a1.05 1.05 0 0 1 0-1.499a1.05 1.05 0 0 1 1.5 0l2.861 2.863a3.23 3.23 0 0 0 4.542.03a3.244 3.244 0 0 0-.03-4.541l-2.863-2.862a1.05 1.05 0 0 1 0-1.5c.203-.209.472-.314.746-.314zM8.758 6.397a5.33 5.33 0 0 1 3.715 1.564l2.863 2.862c.42.42.42 1.08 0 1.5s-1.08.419-1.5 0L10.975 9.46a3.25 3.25 0 0 0-4.558-.015a3.243 3.243 0 0 0 .03 4.54l2.863 2.863c.42.42.42 1.08 0 1.499a1.05 1.05 0 0 1-1.499 0L4.95 15.484c-2.054-2.053-2.084-5.365-.105-7.463c.015-.03.03-.045.045-.06l.03-.03l.03-.03c.015-.015.045-.03.06-.045a5.36 5.36 0 0 1 3.748-1.46z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12a12 12 0 0 0 12-12A12 12 0 0 0 12 0m3.42 5.338c.274 0 .551.105.769.315l2.862 2.862c2.054 2.039 2.084 5.35.105 7.449a.2.2 0 0 1-.045.06l-.03.03l-.03.03c-.015.015-.045.03-.06.045c-2.098 1.978-5.41 1.948-7.463-.105l-2.863-2.863a1.05 1.05 0 0 1 0-1.499a1.05 1.05 0 0 1 1.5 0l2.861 2.863a3.23 3.23 0 0 0 4.542.03a3.244 3.244 0 0 0-.03-4.541l-2.863-2.862a1.05 1.05 0 0 1 0-1.5c.203-.209.472-.314.746-.314zM8.758 6.397a5.33 5.33 0 0 1 3.715 1.564l2.863 2.862c.42.42.42 1.08 0 1.5s-1.08.419-1.5 0L10.975 9.46a3.25 3.25 0 0 0-4.558-.015a3.243 3.243 0 0 0 .03 4.54l2.863 2.863c.42.42.42 1.08 0 1.499a1.05 1.05 0 0 1-1.499 0L4.95 15.484c-2.054-2.053-2.084-5.365-.105-7.463c.015-.03.03-.045.045-.06l.03-.03l.03-.03c.015-.015.045-.03.06-.045a5.36 5.36 0 0 1 3.748-1.46z"/></svg> </template>
CSS
.icon-authy {
width: 24px;
height: 24px;
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%22M12%200A12%2012%200%200%200%200%2012a12%2012%200%200%200%2012%2012a12%2012%200%200%200%2012-12A12%2012%200%200%200%2012%200m3.42%205.338c.274%200%20.551.105.769.315l2.862%202.862c2.054%202.039%202.084%205.35.105%207.449a.2.2%200%200%201-.045.06l-.03.03l-.03.03c-.015.015-.045.03-.06.045c-2.098%201.978-5.41%201.948-7.463-.105l-2.863-2.863a1.05%201.05%200%200%201%200-1.499a1.05%201.05%200%200%201%201.5%200l2.861%202.863a3.23%203.23%200%200%200%204.542.03a3.244%203.244%200%200%200-.03-4.541l-2.863-2.862a1.05%201.05%200%200%201%200-1.5c.203-.209.472-.314.746-.314zM8.758%206.397a5.33%205.33%200%200%201%203.715%201.564l2.863%202.862c.42.42.42%201.08%200%201.5s-1.08.419-1.5%200L10.975%209.46a3.25%203.25%200%200%200-4.558-.015a3.243%203.243%200%200%200%20.03%204.54l2.863%202.863c.42.42.42%201.08%200%201.499a1.05%201.05%200%200%201-1.499%200L4.95%2015.484c-2.054-2.053-2.084-5.365-.105-7.463c.015-.03.03-.045.045-.06l.03-.03l.03-.03c.015-.015.045-.03.06-.045a5.36%205.36%200%200%201%203.748-1.46z%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%22M12%200A12%2012%200%200%200%200%2012a12%2012%200%200%200%2012%2012a12%2012%200%200%200%2012-12A12%2012%200%200%200%2012%200m3.42%205.338c.274%200%20.551.105.769.315l2.862%202.862c2.054%202.039%202.084%205.35.105%207.449a.2.2%200%200%201-.045.06l-.03.03l-.03.03c-.015.015-.045.03-.06.045c-2.098%201.978-5.41%201.948-7.463-.105l-2.863-2.863a1.05%201.05%200%200%201%200-1.499a1.05%201.05%200%200%201%201.5%200l2.861%202.863a3.23%203.23%200%200%200%204.542.03a3.244%203.244%200%200%200-.03-4.541l-2.863-2.862a1.05%201.05%200%200%201%200-1.5c.203-.209.472-.314.746-.314zM8.758%206.397a5.33%205.33%200%200%201%203.715%201.564l2.863%202.862c.42.42.42%201.08%200%201.5s-1.08.419-1.5%200L10.975%209.46a3.25%203.25%200%200%200-4.558-.015a3.243%203.243%200%200%200%20.03%204.54l2.863%202.863c.42.42.42%201.08%200%201.499a1.05%201.05%200%200%201-1.499%200L4.95%2015.484c-2.054-2.053-2.084-5.365-.105-7.463c.015-.03.03-.045.045-.06l.03-.03l.03-.03c.015-.015.045-.03.06-.045a5.36%205.36%200%200%201%203.748-1.46z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/authy.svg?color=%231a73e8&size=48
