authy logo

authy from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
authy
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

The same logo in other sets

authySimple Icons

Use the authy logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#f22e46" d="M256 127.998C256 198.696 198.694 256 127.997 256C57.304 256 0 198.696 0 127.998C0 57.305 57.304 0 127.997 0C198.694 0 256 57.305 256 127.998"/><path fill="#fff" d="m117.024 100.89l30.691 30.68c4.43 4.436 11.623 4.436 16.064 0c4.431-4.435 4.441-11.622 0-16.058L133.086 84.82c-21.961-21.966-57.455-22.32-79.882-1.116a10 10 0 0 0-.605.548c-.098.098-.178.202-.275.29c-.1.096-.202.182-.297.278a9 9 0 0 0-.54.597c-21.215 22.437-20.85 57.932 1.113 79.897L83.292 196c4.44 4.433 11.623 4.433 16.062 0c4.442-4.437 4.442-11.633.011-16.06l-30.693-30.691c-13.398-13.393-13.488-35.129-.278-48.637c13.506-13.21 35.23-13.114 48.63.279"/><path fill="#f5b1b2" d="M156.636 60.017c-4.435 4.437-4.435 11.623.012 16.059l30.681 30.693c13.39 13.392 13.477 35.125.268 48.636c-13.51 13.2-35.227 13.112-48.623-.282l-30.692-30.689c-4.438-4.437-11.633-4.437-16.066 0c-4.443 4.433-4.443 11.642 0 16.065l30.682 30.694c21.968 21.965 57.458 22.322 79.889 1.116c.208-.184.404-.355.61-.549c.094-.095.182-.192.273-.29c.1-.095.197-.183.29-.289c.197-.183.365-.384.54-.594c21.215-22.428 20.86-57.911-1.102-79.889l-30.692-30.682c-4.436-4.443-11.638-4.443-16.07.001"/></svg>

React

import type { SVGProps } from "react";

export function LogosAuthy(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#f22e46" d="M256 127.998C256 198.696 198.694 256 127.997 256C57.304 256 0 198.696 0 127.998C0 57.305 57.304 0 127.997 0C198.694 0 256 57.305 256 127.998"/><path fill="#fff" d="m117.024 100.89l30.691 30.68c4.43 4.436 11.623 4.436 16.064 0c4.431-4.435 4.441-11.622 0-16.058L133.086 84.82c-21.961-21.966-57.455-22.32-79.882-1.116a10 10 0 0 0-.605.548c-.098.098-.178.202-.275.29c-.1.096-.202.182-.297.278a9 9 0 0 0-.54.597c-21.215 22.437-20.85 57.932 1.113 79.897L83.292 196c4.44 4.433 11.623 4.433 16.062 0c4.442-4.437 4.442-11.633.011-16.06l-30.693-30.691c-13.398-13.393-13.488-35.129-.278-48.637c13.506-13.21 35.23-13.114 48.63.279"/><path fill="#f5b1b2" d="M156.636 60.017c-4.435 4.437-4.435 11.623.012 16.059l30.681 30.693c13.39 13.392 13.477 35.125.268 48.636c-13.51 13.2-35.227 13.112-48.623-.282l-30.692-30.689c-4.438-4.437-11.633-4.437-16.066 0c-4.443 4.433-4.443 11.642 0 16.065l30.682 30.694c21.968 21.965 57.458 22.322 79.889 1.116c.208-.184.404-.355.61-.549c.094-.095.182-.192.273-.29c.1-.095.197-.183.29-.289c.197-.183.365-.384.54-.594c21.215-22.428 20.86-57.911-1.102-79.889l-30.692-30.682c-4.436-4.443-11.638-4.443-16.07.001"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#f22e46" d="M256 127.998C256 198.696 198.694 256 127.997 256C57.304 256 0 198.696 0 127.998C0 57.305 57.304 0 127.997 0C198.694 0 256 57.305 256 127.998"/><path fill="#fff" d="m117.024 100.89l30.691 30.68c4.43 4.436 11.623 4.436 16.064 0c4.431-4.435 4.441-11.622 0-16.058L133.086 84.82c-21.961-21.966-57.455-22.32-79.882-1.116a10 10 0 0 0-.605.548c-.098.098-.178.202-.275.29c-.1.096-.202.182-.297.278a9 9 0 0 0-.54.597c-21.215 22.437-20.85 57.932 1.113 79.897L83.292 196c4.44 4.433 11.623 4.433 16.062 0c4.442-4.437 4.442-11.633.011-16.06l-30.693-30.691c-13.398-13.393-13.488-35.129-.278-48.637c13.506-13.21 35.23-13.114 48.63.279"/><path fill="#f5b1b2" d="M156.636 60.017c-4.435 4.437-4.435 11.623.012 16.059l30.681 30.693c13.39 13.392 13.477 35.125.268 48.636c-13.51 13.2-35.227 13.112-48.623-.282l-30.692-30.689c-4.438-4.437-11.633-4.437-16.066 0c-4.443 4.433-4.443 11.642 0 16.065l30.682 30.694c21.968 21.965 57.458 22.322 79.889 1.116c.208-.184.404-.355.61-.549c.094-.095.182-.192.273-.29c.1-.095.197-.183.29-.289c.197-.183.365-.384.54-.594c21.215-22.428 20.86-57.911-1.102-79.889l-30.692-30.682c-4.436-4.443-11.638-4.443-16.07.001"/></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%20256%20256%22%3E%3Cpath%20fill%3D%22%23f22e46%22%20d%3D%22M256%20127.998C256%20198.696%20198.694%20256%20127.997%20256C57.304%20256%200%20198.696%200%20127.998C0%2057.305%2057.304%200%20127.997%200C198.694%200%20256%2057.305%20256%20127.998%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m117.024%20100.89l30.691%2030.68c4.43%204.436%2011.623%204.436%2016.064%200c4.431-4.435%204.441-11.622%200-16.058L133.086%2084.82c-21.961-21.966-57.455-22.32-79.882-1.116a10%2010%200%200%200-.605.548c-.098.098-.178.202-.275.29c-.1.096-.202.182-.297.278a9%209%200%200%200-.54.597c-21.215%2022.437-20.85%2057.932%201.113%2079.897L83.292%20196c4.44%204.433%2011.623%204.433%2016.062%200c4.442-4.437%204.442-11.633.011-16.06l-30.693-30.691c-13.398-13.393-13.488-35.129-.278-48.637c13.506-13.21%2035.23-13.114%2048.63.279%22%2F%3E%3Cpath%20fill%3D%22%23f5b1b2%22%20d%3D%22M156.636%2060.017c-4.435%204.437-4.435%2011.623.012%2016.059l30.681%2030.693c13.39%2013.392%2013.477%2035.125.268%2048.636c-13.51%2013.2-35.227%2013.112-48.623-.282l-30.692-30.689c-4.438-4.437-11.633-4.437-16.066%200c-4.443%204.433-4.443%2011.642%200%2016.065l30.682%2030.694c21.968%2021.965%2057.458%2022.322%2079.889%201.116c.208-.184.404-.355.61-.549c.094-.095.182-.192.273-.29c.1-.095.197-.183.29-.289c.197-.183.365-.384.54-.594c21.215-22.428%2020.86-57.911-1.102-79.889l-30.692-30.682c-4.436-4.443-11.638-4.443-16.07.001%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%20256%20256%22%3E%3Cpath%20fill%3D%22%23f22e46%22%20d%3D%22M256%20127.998C256%20198.696%20198.694%20256%20127.997%20256C57.304%20256%200%20198.696%200%20127.998C0%2057.305%2057.304%200%20127.997%200C198.694%200%20256%2057.305%20256%20127.998%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m117.024%20100.89l30.691%2030.68c4.43%204.436%2011.623%204.436%2016.064%200c4.431-4.435%204.441-11.622%200-16.058L133.086%2084.82c-21.961-21.966-57.455-22.32-79.882-1.116a10%2010%200%200%200-.605.548c-.098.098-.178.202-.275.29c-.1.096-.202.182-.297.278a9%209%200%200%200-.54.597c-21.215%2022.437-20.85%2057.932%201.113%2079.897L83.292%20196c4.44%204.433%2011.623%204.433%2016.062%200c4.442-4.437%204.442-11.633.011-16.06l-30.693-30.691c-13.398-13.393-13.488-35.129-.278-48.637c13.506-13.21%2035.23-13.114%2048.63.279%22%2F%3E%3Cpath%20fill%3D%22%23f5b1b2%22%20d%3D%22M156.636%2060.017c-4.435%204.437-4.435%2011.623.012%2016.059l30.681%2030.693c13.39%2013.392%2013.477%2035.125.268%2048.636c-13.51%2013.2-35.227%2013.112-48.623-.282l-30.692-30.689c-4.438-4.437-11.633-4.437-16.066%200c-4.443%204.433-4.443%2011.642%200%2016.065l30.682%2030.694c21.968%2021.965%2057.458%2022.322%2079.889%201.116c.208-.184.404-.355.61-.549c.094-.095.182-.192.273-.29c.1-.095.197-.183.29-.289c.197-.183.365-.384.54-.594c21.215-22.428%2020.86-57.911-1.102-79.889l-30.692-30.682c-4.436-4.443-11.638-4.443-16.07.001%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/authy.svg?color=%231a73e8&size=48