Authy icon

logos:authy

The Authy icon (logos:authy) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 256 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 256 × 256

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" 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>

How to use the Authy icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:authy" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:authy" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:authy" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--authy]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:authy"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:authy"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/authy.svg" alt="Authy icon" width="24" height="24">

Authy icon in other icon sets

Authy icon FAQ

Is the Authy icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Authy icon in React?

Install @iconify/react and render <Icon icon="logos:authy" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Authy icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/authy.svg" alt="Authy icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →