Unread Bold Duotone icon
solar:unread-bold-duotone
The Unread Bold Duotone icon (solar:unread-bold-duotone) 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
- Messages
- Tags
- unreadbold, boldduotone, unreadboldduotone
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M20.5355 20.5355C22 19.0711 22 16.714 22 12C22 7.28595 22 4.92893 20.5355 3.46447C19.0711 2 16.714 2 12 2C7.28595 2 4.92893 2 3.46447 3.46447C2 4.92893 2 7.28595 2 12C2 16.714 2 19.0711 3.46447 20.5355C4.92893 22 7.28595 22 12 22C16.714 22 19.0711 22 20.5355 20.5355Z" opacity=".5"/><path d="M17.4545 6.90347C17.784 7.1545 17.8476 7.62509 17.5966 7.95457L10.7394 16.9546C10.6029 17.1338 10.393 17.2421 10.1678 17.2496C9.94267 17.2571 9.72605 17.163 9.57788 16.9933L6.43502 13.3933C6.16261 13.0812 6.19473 12.6075 6.50677 12.3351C6.8188 12.0626 7.29259 12.0948 7.565 12.4068L10.1034 15.3144L16.4034 7.04551C16.6545 6.71603 17.1251 6.65243 17.4545 6.90347Z"/></g></svg>How to use the Unread Bold Duotone icon
React
import { Icon } from "@iconify/react";
<Icon icon="solar:unread-bold-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:unread-bold-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:unread-bold-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--unread-bold-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:unread-bold-duotone"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:unread-bold-duotone"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/solar/unread-bold-duotone.svg" alt="Unread Bold Duotone icon" width="24" height="24">Related icons in Solar
Unread Bold Duotone icon FAQ
Is the Unread Bold Duotone 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 Unread Bold Duotone icon in React?
Install @iconify/react and render <Icon icon="solar:unread-bold-duotone" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Unread Bold Duotone icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/unread-bold-duotone.svg" alt="Unread Bold Duotone icon">, or paste the SVG code inline to style it with CSS.