letter opened icon
letter-opened-broken from Solar by 480 Design · Broken · Messages · CC-BY-4.0 Attribution required.
- Name
- letter-opened-broken
- Set
- Solar
- Style
- Broken
- Category
- Messages
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
More messages icons from Solar
chat-round-add-boldchat-round-boldchat-round-call-boldchat-round-check-boldchat-round-close-boldchat-round-code-boldchat-round-dots-boldchat-round-like-boldchat-round-line-boldchat-round-money-boldchat-round-off-boldchat-round-question-mark-boldchat-round-quote-boldchat-round-replay-boldchat-round-unread-boldchat-round-video-boldchat-round-warning-boldchat-square-add-boldchat-square-arrow-boldchat-square-boldchat-square-call-boldchat-square-check-boldchat-square-close-boldchat-square-code-bold
Use the letter opened icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M22 14.0001C22 17.7713 22 19.6569 20.8284 20.8285C19.6569 22.0001 17.7712 22.0001 14 22.0001H10C6.22876 22.0001 4.34315 22.0001 3.17157 20.8285C2 19.6569 2 17.7713 2 14.0001C2 10.2288 2 8.34322 3.17157 7.17164C3.82475 6.51846 4.69989 6.22944 6 6.10156M18 6.10156C19.3001 6.22944 20.1752 6.51846 20.8284 7.17164C21.4816 7.82481 21.7706 8.69993 21.8985 10"/><path d="M10 6H14"/><path d="M11 9H13"/><path d="M14 2.00195C15.7066 2.01642 16.6474 2.11117 17.2678 2.73158C18 3.46381 18 4.64232 18 6.99935V9.0626C18 9.52324 18 9.75356 17.9056 9.95513C17.8112 10.1567 17.6342 10.3041 17.2804 10.599L16.5607 11.1987M10 2.00195C8.29344 2.01642 7.35264 2.11117 6.73223 2.73158C6 3.46381 6 4.64232 6 6.99935V9.0626C6 9.52324 6 9.75356 6.09441 9.95513C6.18882 10.1567 6.36576 10.3041 6.71963 10.599L8.1589 11.7984C9.99553 13.329 10.9139 14.0942 12 14.0942C12.6493 14.0942 13.2386 13.8207 14 13.2738"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarLetterOpenedBroken(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5"><path d="M22 14.0001C22 17.7713 22 19.6569 20.8284 20.8285C19.6569 22.0001 17.7712 22.0001 14 22.0001H10C6.22876 22.0001 4.34315 22.0001 3.17157 20.8285C2 19.6569 2 17.7713 2 14.0001C2 10.2288 2 8.34322 3.17157 7.17164C3.82475 6.51846 4.69989 6.22944 6 6.10156M18 6.10156C19.3001 6.22944 20.1752 6.51846 20.8284 7.17164C21.4816 7.82481 21.7706 8.69993 21.8985 10"/><path d="M10 6H14"/><path d="M11 9H13"/><path d="M14 2.00195C15.7066 2.01642 16.6474 2.11117 17.2678 2.73158C18 3.46381 18 4.64232 18 6.99935V9.0626C18 9.52324 18 9.75356 17.9056 9.95513C17.8112 10.1567 17.6342 10.3041 17.2804 10.599L16.5607 11.1987M10 2.00195C8.29344 2.01642 7.35264 2.11117 6.73223 2.73158C6 3.46381 6 4.64232 6 6.99935V9.0626C6 9.52324 6 9.75356 6.09441 9.95513C6.18882 10.1567 6.36576 10.3041 6.71963 10.599L8.1589 11.7984C9.99553 13.329 10.9139 14.0942 12 14.0942C12.6493 14.0942 13.2386 13.8207 14 13.2738"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M22 14.0001C22 17.7713 22 19.6569 20.8284 20.8285C19.6569 22.0001 17.7712 22.0001 14 22.0001H10C6.22876 22.0001 4.34315 22.0001 3.17157 20.8285C2 19.6569 2 17.7713 2 14.0001C2 10.2288 2 8.34322 3.17157 7.17164C3.82475 6.51846 4.69989 6.22944 6 6.10156M18 6.10156C19.3001 6.22944 20.1752 6.51846 20.8284 7.17164C21.4816 7.82481 21.7706 8.69993 21.8985 10"/><path d="M10 6H14"/><path d="M11 9H13"/><path d="M14 2.00195C15.7066 2.01642 16.6474 2.11117 17.2678 2.73158C18 3.46381 18 4.64232 18 6.99935V9.0626C18 9.52324 18 9.75356 17.9056 9.95513C17.8112 10.1567 17.6342 10.3041 17.2804 10.599L16.5607 11.1987M10 2.00195C8.29344 2.01642 7.35264 2.11117 6.73223 2.73158C6 3.46381 6 4.64232 6 6.99935V9.0626C6 9.52324 6 9.75356 6.09441 9.95513C6.18882 10.1567 6.36576 10.3041 6.71963 10.599L8.1589 11.7984C9.99553 13.329 10.9139 14.0942 12 14.0942C12.6493 14.0942 13.2386 13.8207 14 13.2738"/></g></svg> </template>
CSS
.icon-letter-opened-broken {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M22%2014.0001C22%2017.7713%2022%2019.6569%2020.8284%2020.8285C19.6569%2022.0001%2017.7712%2022.0001%2014%2022.0001H10C6.22876%2022.0001%204.34315%2022.0001%203.17157%2020.8285C2%2019.6569%202%2017.7713%202%2014.0001C2%2010.2288%202%208.34322%203.17157%207.17164C3.82475%206.51846%204.69989%206.22944%206%206.10156M18%206.10156C19.3001%206.22944%2020.1752%206.51846%2020.8284%207.17164C21.4816%207.82481%2021.7706%208.69993%2021.8985%2010%22%2F%3E%3Cpath%20d%3D%22M10%206H14%22%2F%3E%3Cpath%20d%3D%22M11%209H13%22%2F%3E%3Cpath%20d%3D%22M14%202.00195C15.7066%202.01642%2016.6474%202.11117%2017.2678%202.73158C18%203.46381%2018%204.64232%2018%206.99935V9.0626C18%209.52324%2018%209.75356%2017.9056%209.95513C17.8112%2010.1567%2017.6342%2010.3041%2017.2804%2010.599L16.5607%2011.1987M10%202.00195C8.29344%202.01642%207.35264%202.11117%206.73223%202.73158C6%203.46381%206%204.64232%206%206.99935V9.0626C6%209.52324%206%209.75356%206.09441%209.95513C6.18882%2010.1567%206.36576%2010.3041%206.71963%2010.599L8.1589%2011.7984C9.99553%2013.329%2010.9139%2014.0942%2012%2014.0942C12.6493%2014.0942%2013.2386%2013.8207%2014%2013.2738%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M22%2014.0001C22%2017.7713%2022%2019.6569%2020.8284%2020.8285C19.6569%2022.0001%2017.7712%2022.0001%2014%2022.0001H10C6.22876%2022.0001%204.34315%2022.0001%203.17157%2020.8285C2%2019.6569%202%2017.7713%202%2014.0001C2%2010.2288%202%208.34322%203.17157%207.17164C3.82475%206.51846%204.69989%206.22944%206%206.10156M18%206.10156C19.3001%206.22944%2020.1752%206.51846%2020.8284%207.17164C21.4816%207.82481%2021.7706%208.69993%2021.8985%2010%22%2F%3E%3Cpath%20d%3D%22M10%206H14%22%2F%3E%3Cpath%20d%3D%22M11%209H13%22%2F%3E%3Cpath%20d%3D%22M14%202.00195C15.7066%202.01642%2016.6474%202.11117%2017.2678%202.73158C18%203.46381%2018%204.64232%2018%206.99935V9.0626C18%209.52324%2018%209.75356%2017.9056%209.95513C17.8112%2010.1567%2017.6342%2010.3041%2017.2804%2010.599L16.5607%2011.1987M10%202.00195C8.29344%202.01642%207.35264%202.11117%206.73223%202.73158C6%203.46381%206%204.64232%206%206.99935V9.0626C6%209.52324%206%209.75356%206.09441%209.95513C6.18882%2010.1567%206.36576%2010.3041%206.71963%2010.599L8.1589%2011.7984C9.99553%2013.329%2010.9139%2014.0942%2012%2014.0942C12.6493%2014.0942%2013.2386%2013.8207%2014%2013.2738%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/letter-opened-broken.svg?color=%231a73e8&size=48
