Augmented Reality Bold icon
solar:augmented-reality-bold
The Augmented Reality Bold icon (solar:augmented-reality-bold) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Solar
- Author
- 480 Design
- License
- CC-BY-4.0
- Size
- 24 × 24
- Category
- UI
- Tags
- augmentedreality, realitybold, augmentedrealitybold
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12ZM9.21586 7.77629C9.11801 7.46319 8.82804 7.25 8.5 7.25C8.17196 7.25 7.88199 7.46319 7.78414 7.77629L5.28414 15.7763C5.16059 16.1717 5.38094 16.5923 5.77629 16.7159C6.17165 16.8394 6.59231 16.6191 6.71586 16.2237L7.42639 13.95H9.57361L10.2841 16.2237C10.4077 16.6191 10.8283 16.8394 11.2237 16.7159C11.6191 16.5923 11.8394 16.1717 11.7159 15.7763L9.21586 7.77629ZM7.89514 12.45H9.10486L8.5 10.5145L7.89514 12.45ZM13.25 8C13.25 7.58579 13.5858 7.25 14 7.25H16C17.5188 7.25 18.75 8.48122 18.75 10C18.75 11.2469 17.9201 12.3 16.7826 12.637L18.636 15.6025C18.8555 15.9538 18.7488 16.4165 18.3975 16.636C18.0462 16.8555 17.5835 16.7488 17.364 16.3975L15.0843 12.75H14.75V16C14.75 16.4142 14.4142 16.75 14 16.75C13.5858 16.75 13.25 16.4142 13.25 16V8ZM14.75 11.25V8.75H16C16.6904 8.75 17.25 9.30964 17.25 10C17.25 10.6904 16.6904 11.25 16 11.25H14.75Z" clip-rule="evenodd"/></svg>How to use the Augmented Reality Bold icon
React
import { Icon } from "@iconify/react";
<Icon icon="solar:augmented-reality-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:augmented-reality-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:augmented-reality-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--augmented-reality-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:augmented-reality-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:augmented-reality-bold"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/solar/augmented-reality-bold.svg" alt="Augmented Reality Bold icon" width="24" height="24">Related icons in Solar
Augmented Reality Bold icon FAQ
Is the Augmented Reality Bold icon free for commercial use?
Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Augmented Reality Bold icon in React?
Install @iconify/react and render <Icon icon="solar:augmented-reality-bold" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Augmented Reality Bold icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/augmented-reality-bold.svg" alt="Augmented Reality Bold icon">, or paste the SVG code inline to style it with CSS.