incognito icon
incognito-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.
- Name
- incognito-solid
- Set
- Myna UI Icons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
1 other variant in Myna UI Icons
The same icon in other sets
Use the incognito icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m19.58 9.405l.059.257H21a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1 0-1.5h1.362l.532-2.255c.264-1.118.477-2.02.73-2.722c.261-.727.593-1.323 1.144-1.779c.213-.176.476-.32.794-.343c.312-.022.568.082.744.176c.136.072.28.17.393.247l.06.041c.136.092.27.177.423.254c.647.324 1.506.103 2.521-.393c.607-.297 1.442-.502 2.246-.59c.795-.086 1.68-.071 2.362.162c.598.204 1.003.478 1.294.923c.129.196.22.404.297.591l.09.224c.047.12.094.239.157.385c.673 1.564 1.061 3.236 1.43 4.822M6.5 13.25a4.25 4.25 0 1 0 4.189 3.528l.32-.17a2.1 2.1 0 0 1 1.982 0l.32.17q-.06.353-.061.722a4.25 4.25 0 1 0 .58-2.145l-.137-.072a3.6 3.6 0 0 0-3.386 0l-.137.072A4.25 4.25 0 0 0 6.5 13.25"/></svg>
React
import type { SVGProps } from "react";
export function MynauiIncognitoSolid(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m19.58 9.405l.059.257H21a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1 0-1.5h1.362l.532-2.255c.264-1.118.477-2.02.73-2.722c.261-.727.593-1.323 1.144-1.779c.213-.176.476-.32.794-.343c.312-.022.568.082.744.176c.136.072.28.17.393.247l.06.041c.136.092.27.177.423.254c.647.324 1.506.103 2.521-.393c.607-.297 1.442-.502 2.246-.59c.795-.086 1.68-.071 2.362.162c.598.204 1.003.478 1.294.923c.129.196.22.404.297.591l.09.224c.047.12.094.239.157.385c.673 1.564 1.061 3.236 1.43 4.822M6.5 13.25a4.25 4.25 0 1 0 4.189 3.528l.32-.17a2.1 2.1 0 0 1 1.982 0l.32.17q-.06.353-.061.722a4.25 4.25 0 1 0 .58-2.145l-.137-.072a3.6 3.6 0 0 0-3.386 0l-.137.072A4.25 4.25 0 0 0 6.5 13.25"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m19.58 9.405l.059.257H21a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1 0-1.5h1.362l.532-2.255c.264-1.118.477-2.02.73-2.722c.261-.727.593-1.323 1.144-1.779c.213-.176.476-.32.794-.343c.312-.022.568.082.744.176c.136.072.28.17.393.247l.06.041c.136.092.27.177.423.254c.647.324 1.506.103 2.521-.393c.607-.297 1.442-.502 2.246-.59c.795-.086 1.68-.071 2.362.162c.598.204 1.003.478 1.294.923c.129.196.22.404.297.591l.09.224c.047.12.094.239.157.385c.673 1.564 1.061 3.236 1.43 4.822M6.5 13.25a4.25 4.25 0 1 0 4.189 3.528l.32-.17a2.1 2.1 0 0 1 1.982 0l.32.17q-.06.353-.061.722a4.25 4.25 0 1 0 .58-2.145l-.137-.072a3.6 3.6 0 0 0-3.386 0l-.137.072A4.25 4.25 0 0 0 6.5 13.25"/></svg> </template>
CSS
.icon-incognito-solid {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m19.58%209.405l.059.257H21a.75.75%200%200%201%200%201.5H3a.75.75%200%200%201%200-1.5h1.362l.532-2.255c.264-1.118.477-2.02.73-2.722c.261-.727.593-1.323%201.144-1.779c.213-.176.476-.32.794-.343c.312-.022.568.082.744.176c.136.072.28.17.393.247l.06.041c.136.092.27.177.423.254c.647.324%201.506.103%202.521-.393c.607-.297%201.442-.502%202.246-.59c.795-.086%201.68-.071%202.362.162c.598.204%201.003.478%201.294.923c.129.196.22.404.297.591l.09.224c.047.12.094.239.157.385c.673%201.564%201.061%203.236%201.43%204.822M6.5%2013.25a4.25%204.25%200%201%200%204.189%203.528l.32-.17a2.1%202.1%200%200%201%201.982%200l.32.17q-.06.353-.061.722a4.25%204.25%200%201%200%20.58-2.145l-.137-.072a3.6%203.6%200%200%200-3.386%200l-.137.072A4.25%204.25%200%200%200%206.5%2013.25%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m19.58%209.405l.059.257H21a.75.75%200%200%201%200%201.5H3a.75.75%200%200%201%200-1.5h1.362l.532-2.255c.264-1.118.477-2.02.73-2.722c.261-.727.593-1.323%201.144-1.779c.213-.176.476-.32.794-.343c.312-.022.568.082.744.176c.136.072.28.17.393.247l.06.041c.136.092.27.177.423.254c.647.324%201.506.103%202.521-.393c.607-.297%201.442-.502%202.246-.59c.795-.086%201.68-.071%202.362.162c.598.204%201.003.478%201.294.923c.129.196.22.404.297.591l.09.224c.047.12.094.239.157.385c.673%201.564%201.061%203.236%201.43%204.822M6.5%2013.25a4.25%204.25%200%201%200%204.189%203.528l.32-.17a2.1%202.1%200%200%201%201.982%200l.32.17q-.06.353-.061.722a4.25%204.25%200%201%200%20.58-2.145l-.137-.072a3.6%203.6%200%200%200-3.386%200l-.137.072A4.25%204.25%200%200%200%206.5%2013.25%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/incognito-solid.svg?color=%231a73e8&size=48
