logout icon

logout-outlined from Ant Design Icons by HeskeyBaozi · Outlined · MIT Free for personal and commercial use.

Name
logout-outlined
Set
Ant Design Icons
Style
Outlined
Viewbox
1024×1024
License
MIT
Aliases
logout, logout-outline

The same icon in other sets

logoutCarbonlogoutHumbleiconslogoutIconParklogoutIconPark OutlinelogoutMaterial Line IconslogoutMage IconslogoutMajesticonslogoutMaterial SymbolslogoutMaterial Symbols LightlogoutMaterial Design IconslogoutMyna UI IconslogoutPixelarticonslogout-boldSolarlogoutTabler IconslogoutTDesign Iconslogout-outlineTeenyicons

Use the logout icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M868 732h-70.3c-4.8 0-9.3 2.1-12.3 5.8c-7 8.5-14.5 16.7-22.4 24.5a353.8 353.8 0 0 1-112.7 75.9A352.8 352.8 0 0 1 512.4 866c-47.9 0-94.3-9.4-137.9-27.8a353.8 353.8 0 0 1-112.7-75.9a353.3 353.3 0 0 1-76-112.5C167.3 606.2 158 559.9 158 512s9.4-94.2 27.8-137.8c17.8-42.1 43.4-80 76-112.5s70.5-58.1 112.7-75.9c43.6-18.4 90-27.8 137.9-27.8s94.3 9.3 137.9 27.8c42.2 17.8 80.1 43.4 112.7 75.9c7.9 7.9 15.3 16.1 22.4 24.5c3 3.7 7.6 5.8 12.3 5.8H868c6.3 0 10.2-7 6.7-12.3C798 160.5 663.8 81.6 511.3 82C271.7 82.6 79.6 277.1 82 516.4C84.4 751.9 276.2 942 512.4 942c152.1 0 285.7-78.8 362.3-197.7c3.4-5.3-.4-12.3-6.7-12.3m88.9-226.3L815 393.7c-5.3-4.2-13-.4-13 6.3v76H488c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h314v76c0 6.7 7.8 10.5 13 6.3l141.9-112a8 8 0 0 0 0-12.6"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignLogoutOutlined(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M868 732h-70.3c-4.8 0-9.3 2.1-12.3 5.8c-7 8.5-14.5 16.7-22.4 24.5a353.8 353.8 0 0 1-112.7 75.9A352.8 352.8 0 0 1 512.4 866c-47.9 0-94.3-9.4-137.9-27.8a353.8 353.8 0 0 1-112.7-75.9a353.3 353.3 0 0 1-76-112.5C167.3 606.2 158 559.9 158 512s9.4-94.2 27.8-137.8c17.8-42.1 43.4-80 76-112.5s70.5-58.1 112.7-75.9c43.6-18.4 90-27.8 137.9-27.8s94.3 9.3 137.9 27.8c42.2 17.8 80.1 43.4 112.7 75.9c7.9 7.9 15.3 16.1 22.4 24.5c3 3.7 7.6 5.8 12.3 5.8H868c6.3 0 10.2-7 6.7-12.3C798 160.5 663.8 81.6 511.3 82C271.7 82.6 79.6 277.1 82 516.4C84.4 751.9 276.2 942 512.4 942c152.1 0 285.7-78.8 362.3-197.7c3.4-5.3-.4-12.3-6.7-12.3m88.9-226.3L815 393.7c-5.3-4.2-13-.4-13 6.3v76H488c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h314v76c0 6.7 7.8 10.5 13 6.3l141.9-112a8 8 0 0 0 0-12.6"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M868 732h-70.3c-4.8 0-9.3 2.1-12.3 5.8c-7 8.5-14.5 16.7-22.4 24.5a353.8 353.8 0 0 1-112.7 75.9A352.8 352.8 0 0 1 512.4 866c-47.9 0-94.3-9.4-137.9-27.8a353.8 353.8 0 0 1-112.7-75.9a353.3 353.3 0 0 1-76-112.5C167.3 606.2 158 559.9 158 512s9.4-94.2 27.8-137.8c17.8-42.1 43.4-80 76-112.5s70.5-58.1 112.7-75.9c43.6-18.4 90-27.8 137.9-27.8s94.3 9.3 137.9 27.8c42.2 17.8 80.1 43.4 112.7 75.9c7.9 7.9 15.3 16.1 22.4 24.5c3 3.7 7.6 5.8 12.3 5.8H868c6.3 0 10.2-7 6.7-12.3C798 160.5 663.8 81.6 511.3 82C271.7 82.6 79.6 277.1 82 516.4C84.4 751.9 276.2 942 512.4 942c152.1 0 285.7-78.8 362.3-197.7c3.4-5.3-.4-12.3-6.7-12.3m88.9-226.3L815 393.7c-5.3-4.2-13-.4-13 6.3v76H488c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h314v76c0 6.7 7.8 10.5 13 6.3l141.9-112a8 8 0 0 0 0-12.6"/></svg>
</template>

CSS

.icon-logout-outlined {
  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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M868%20732h-70.3c-4.8%200-9.3%202.1-12.3%205.8c-7%208.5-14.5%2016.7-22.4%2024.5a353.8%20353.8%200%200%201-112.7%2075.9A352.8%20352.8%200%200%201%20512.4%20866c-47.9%200-94.3-9.4-137.9-27.8a353.8%20353.8%200%200%201-112.7-75.9a353.3%20353.3%200%200%201-76-112.5C167.3%20606.2%20158%20559.9%20158%20512s9.4-94.2%2027.8-137.8c17.8-42.1%2043.4-80%2076-112.5s70.5-58.1%20112.7-75.9c43.6-18.4%2090-27.8%20137.9-27.8s94.3%209.3%20137.9%2027.8c42.2%2017.8%2080.1%2043.4%20112.7%2075.9c7.9%207.9%2015.3%2016.1%2022.4%2024.5c3%203.7%207.6%205.8%2012.3%205.8H868c6.3%200%2010.2-7%206.7-12.3C798%20160.5%20663.8%2081.6%20511.3%2082C271.7%2082.6%2079.6%20277.1%2082%20516.4C84.4%20751.9%20276.2%20942%20512.4%20942c152.1%200%20285.7-78.8%20362.3-197.7c3.4-5.3-.4-12.3-6.7-12.3m88.9-226.3L815%20393.7c-5.3-4.2-13-.4-13%206.3v76H488c-4.4%200-8%203.6-8%208v56c0%204.4%203.6%208%208%208h314v76c0%206.7%207.8%2010.5%2013%206.3l141.9-112a8%208%200%200%200%200-12.6%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M868%20732h-70.3c-4.8%200-9.3%202.1-12.3%205.8c-7%208.5-14.5%2016.7-22.4%2024.5a353.8%20353.8%200%200%201-112.7%2075.9A352.8%20352.8%200%200%201%20512.4%20866c-47.9%200-94.3-9.4-137.9-27.8a353.8%20353.8%200%200%201-112.7-75.9a353.3%20353.3%200%200%201-76-112.5C167.3%20606.2%20158%20559.9%20158%20512s9.4-94.2%2027.8-137.8c17.8-42.1%2043.4-80%2076-112.5s70.5-58.1%20112.7-75.9c43.6-18.4%2090-27.8%20137.9-27.8s94.3%209.3%20137.9%2027.8c42.2%2017.8%2080.1%2043.4%20112.7%2075.9c7.9%207.9%2015.3%2016.1%2022.4%2024.5c3%203.7%207.6%205.8%2012.3%205.8H868c6.3%200%2010.2-7%206.7-12.3C798%20160.5%20663.8%2081.6%20511.3%2082C271.7%2082.6%2079.6%20277.1%2082%20516.4C84.4%20751.9%20276.2%20942%20512.4%20942c152.1%200%20285.7-78.8%20362.3-197.7c3.4-5.3-.4-12.3-6.7-12.3m88.9-226.3L815%20393.7c-5.3-4.2-13-.4-13%206.3v76H488c-4.4%200-8%203.6-8%208v56c0%204.4%203.6%208%208%208h314v76c0%206.7%207.8%2010.5%2013%206.3l141.9-112a8%208%200%200%200%200-12.6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/logout-outlined.svg?color=%231a73e8&size=48