Exposure Bold icon
glyphs:exposure-bold
The Exposure Bold icon (glyphs:exposure-bold) is a free SVG icon from the Glyphs set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs icons are released under the MIT 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
- Glyphs
- Author
- Goran Spasojevic
- License
- MIT
- Size
- 80 × 80
- Tags
- exposurebold
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-rule="evenodd" d="m13.172 66.829l53.657-53.657A4 4 0 0 0 64 12H16a4 4 0 0 0-4 4v48c0 1.105.448 2.105 1.172 2.829M20 25a3 3 0 0 0 0 6h16a3 3 0 1 0 0-6z" clip-rule="evenodd"/><path fill="currentColor" d="m66.829 13.172l2.12 2.121a3 3 0 0 0 0-4.243zM13.172 66.829l-2.122 2.12a3 3 0 0 0 4.243 0zM64.707 11.05L11.05 64.707l4.243 4.243L68.95 15.293zM15.293 64.707A1 1 0 0 1 15 64H9c0 1.932.787 3.686 2.05 4.95zM15 64V16H9v48zm0-48a1 1 0 0 1 1-1V9a7 7 0 0 0-7 7zm1-1h48V9H16zm48 0c.277 0 .523.109.707.293l4.243-4.243A7 7 0 0 0 64 9z"/><path fill="currentColor" d="m66.828 13.172l2.122-2.122a3 3 0 0 0-4.243 0zM13.171 66.829l-2.12-2.122a3 3 0 0 0 0 4.243zm51.536-51.536c.184.184.293.43.293.707h6a7 7 0 0 0-2.05-4.95zM65 16v48h6V16zm0 48a1 1 0 0 1-1 1v6a7 7 0 0 0 7-7zm-1 1H16v6h48zm-48 0a1 1 0 0 1-.707-.293L11.05 68.95A7 7 0 0 0 16 71zm-.707 3.95L68.95 15.293l-4.243-4.243L11.05 64.707z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="6" d="M43.914 52h16m-8-8v16"/></g></svg>How to use the Exposure Bold icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:exposure-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:exposure-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:exposure-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--exposure-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:exposure-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:exposure-bold"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/glyphs/exposure-bold.svg" alt="Exposure Bold icon" width="24" height="24">Related icons in Glyphs
Exposure Bold icon FAQ
Is the Exposure Bold icon free for commercial use?
Yes. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Exposure Bold icon in React?
Install @iconify/react and render <Icon icon="glyphs:exposure-bold" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Exposure Bold icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs/exposure-bold.svg" alt="Exposure Bold icon">, or paste the SVG code inline to style it with CSS.