Spectacles icon
game-icons:spectacles
The Spectacles icon (game-icons:spectacles) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.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
- Game Icons
- Author
- GameIcons
- License
- CC-BY-3.0
- Size
- 512 × 512
- Tags
- spectacle
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M269.594 138.188c-7.327.018-14.304 1.695-20.47 4.718c-12.33 6.046-21.537 16.877-26.874 29.344s-6.884 26.816-2.906 40.375s13.864 26.06 29.594 33.53l8.03-16.874c-11.386-5.406-17.107-13.144-19.687-21.936c-2.578-8.792-1.63-18.9 2.157-27.75c3.79-8.85 10.305-16.18 17.907-19.906c7.602-3.728 16.19-4.464 26.844.593l.25.126l.28.125l128.407 51.595c-2.868 3.738-5.47 7.785-7.813 12.063c-4.422 8.076-7.89 17.01-10.125 26.375c-11.192.072-23.21 2.372-34.843 9.406c-3.506-6.976-8.417-12.93-14.5-17.44c-8.036-5.955-17.907-9.28-28.594-9.75c-6.412-.28-13.118.456-19.906 2.314c-19.537 5.347-36.632 18.23-48.25 34.78l-140.438-68c-.158-.087-.31-.163-.47-.25c-9.61-5.25-19.48-7.61-28.842-7.56a53.2 53.2 0 0 0-16.375 2.655c-13.765 4.525-24.973 14.166-32.126 26.06c-7.153 11.896-10.38 26.294-7.344 40.407c3.035 14.114 12.633 27.52 28.813 36.532l9.093-16.345c-12.24-6.818-17.72-15.27-19.625-24.125c-1.903-8.854.075-18.547 5.064-26.844c4.99-8.297 12.877-14.958 21.937-17.937c9.062-2.98 19.295-2.647 30.782 3.75l.25.124l.25.094l139.907 67.78c-4.3 10.024-6.72 20.765-6.72 31.626c0 18.525 7.674 34.47 20.53 44c12.858 9.53 30.4 12.39 48.5 7.437c36.206-9.907 64.126-45.698 64.126-82.75q.001-4.01-.47-7.842c9.038-7.025 17.4-9.228 26.564-9.47a98 98 0 0 0-.156 5.094c0 17.794 4.827 32.91 14.375 42.938c9.546 10.03 24.624 13.654 38.717 8.188c14.094-5.467 25.31-17.586 33.375-32.313s12.97-32.332 12.97-50.125s-4.86-32.908-14.407-42.938c-5.967-6.268-14.09-10.042-22.78-10.656c-5.216-.368-10.623.42-15.908 2.47c-3.887 1.507-7.555 3.532-11 5.968L292.22 143.406c-.178-.084-.356-.137-.533-.22c-7.43-3.435-14.937-5.017-22.093-5zm183.344 69.468c4.232-.034 7.58 1.82 10.906 5.313c3.47 3.643 6.512 9.688 8.094 17.718c-4.87-3.297-10.882-4.063-17.407-1.532c-16.185 6.28-29.31 30.25-29.31 53.53c0 11.812 3.402 21.147 8.842 26.69c-5.652 1.042-9.74-.787-13.78-5.032c-5.067-5.322-9.25-15.75-9.25-30.03c0-14.284 4.106-29.197 10.656-41.158c6.55-11.96 15.542-20.69 23.75-23.875c2.05-.795 3.91-1.278 5.625-1.5c.642-.082 1.27-.12 1.875-.124zm-137.72 43.656c7.75.073 14.323 2.413 19.5 6.25c7.414 5.495 12.4 14.35 12.938 26.72c-7.126-10.86-20.657-15.814-36.187-11.563c-22.94 6.277-41.533 30.218-41.533 53.5c0 11.816 4.782 21.207 12.5 26.75c-6.89-.417-12.802-2.653-17.53-6.158c-7.856-5.82-12.97-15.418-12.97-28.968c0-27.1 23.337-57.328 50.344-64.72c3.377-.923 6.597-1.474 9.658-1.686a42 42 0 0 1 1.718-.094c.527-.016 1.046-.036 1.563-.03z"/></svg>How to use the Spectacles icon
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:spectacles" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:spectacles" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:spectacles" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--spectacles]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:spectacles"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:spectacles"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/spectacles.svg" alt="Spectacles icon" width="24" height="24">Spectacles icon FAQ
Is the Spectacles icon free for commercial use?
Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Spectacles icon in React?
Install @iconify/react and render <Icon icon="game-icons:spectacles" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Spectacles icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/spectacles.svg" alt="Spectacles icon">, or paste the SVG code inline to style it with CSS.