okay icon
okay from IconPark Outline by ByteDance · Outline · Hands · Apache-2.0 Free for personal and commercial use.
- Name
- okay
- Set
- IconPark Outline
- Style
- Outline
- Category
- Hands
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More hands icons from IconPark Outline
Use the okay icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M15.114 24.946c-2.403 2.746-2.827 6.087-2.65 8.41c.085 1.105 1.205 1.713 2.234 1.303c.744-.297 1.56-.668 2.146-1.06c1.731-1.153 1.154-2.307 1.731-4.038c.577-1.73 3.117-3.138 5.425-2.561s3.229 2.561 3.229 4.292S26.5 35 24.344 35.907c-2.378 1.001-3.461 0-6.346-.577c-1.503-.3-3.006 1.015-3.871 1.968a1.514 1.514 0 0 0-.118 1.918c.289.402.661.863 1.105 1.306c1.154 1.154 5.769 4.616 10.384 4.039s8.653-4.038 10.384-8.077s.577-8.653-2.307-12.115s-8.077-4.038-9.23-4.038c-1.155 0-5.193 0-9.231 4.615"/><path d="M31.562 22.639L12.643 8.17c-.398-.304-.967-.271-1.264.133c-.713.97-1.386 2.507-.303 3.95c1.384 1.846 6.73 6.539 9.23 8.654"/><path d="M35 26L23.142 4.198c-.239-.44-.772-.641-1.208-.394c-1.046.594-2.289 1.723-1.89 3.483c.51 2.25 2.539 6.261 3.957 9.213"/><path d="m36 28l-.95-20.308c-.023-.5-.414-.913-.914-.882c-1.201.077-2.813.55-3.223 2.307c-.524 2.247-.9 5.608-.913 8.883"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkOutlineOkay(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4"><path d="M15.114 24.946c-2.403 2.746-2.827 6.087-2.65 8.41c.085 1.105 1.205 1.713 2.234 1.303c.744-.297 1.56-.668 2.146-1.06c1.731-1.153 1.154-2.307 1.731-4.038c.577-1.73 3.117-3.138 5.425-2.561s3.229 2.561 3.229 4.292S26.5 35 24.344 35.907c-2.378 1.001-3.461 0-6.346-.577c-1.503-.3-3.006 1.015-3.871 1.968a1.514 1.514 0 0 0-.118 1.918c.289.402.661.863 1.105 1.306c1.154 1.154 5.769 4.616 10.384 4.039s8.653-4.038 10.384-8.077s.577-8.653-2.307-12.115s-8.077-4.038-9.23-4.038c-1.155 0-5.193 0-9.231 4.615"/><path d="M31.562 22.639L12.643 8.17c-.398-.304-.967-.271-1.264.133c-.713.97-1.386 2.507-.303 3.95c1.384 1.846 6.73 6.539 9.23 8.654"/><path d="M35 26L23.142 4.198c-.239-.44-.772-.641-1.208-.394c-1.046.594-2.289 1.723-1.89 3.483c.51 2.25 2.539 6.261 3.957 9.213"/><path d="m36 28l-.95-20.308c-.023-.5-.414-.913-.914-.882c-1.201.077-2.813.55-3.223 2.307c-.524 2.247-.9 5.608-.913 8.883"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M15.114 24.946c-2.403 2.746-2.827 6.087-2.65 8.41c.085 1.105 1.205 1.713 2.234 1.303c.744-.297 1.56-.668 2.146-1.06c1.731-1.153 1.154-2.307 1.731-4.038c.577-1.73 3.117-3.138 5.425-2.561s3.229 2.561 3.229 4.292S26.5 35 24.344 35.907c-2.378 1.001-3.461 0-6.346-.577c-1.503-.3-3.006 1.015-3.871 1.968a1.514 1.514 0 0 0-.118 1.918c.289.402.661.863 1.105 1.306c1.154 1.154 5.769 4.616 10.384 4.039s8.653-4.038 10.384-8.077s.577-8.653-2.307-12.115s-8.077-4.038-9.23-4.038c-1.155 0-5.193 0-9.231 4.615"/><path d="M31.562 22.639L12.643 8.17c-.398-.304-.967-.271-1.264.133c-.713.97-1.386 2.507-.303 3.95c1.384 1.846 6.73 6.539 9.23 8.654"/><path d="M35 26L23.142 4.198c-.239-.44-.772-.641-1.208-.394c-1.046.594-2.289 1.723-1.89 3.483c.51 2.25 2.539 6.261 3.957 9.213"/><path d="m36 28l-.95-20.308c-.023-.5-.414-.913-.914-.882c-1.201.077-2.813.55-3.223 2.307c-.524 2.247-.9 5.608-.913 8.883"/></g></svg> </template>
CSS
.icon-okay {
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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M15.114%2024.946c-2.403%202.746-2.827%206.087-2.65%208.41c.085%201.105%201.205%201.713%202.234%201.303c.744-.297%201.56-.668%202.146-1.06c1.731-1.153%201.154-2.307%201.731-4.038c.577-1.73%203.117-3.138%205.425-2.561s3.229%202.561%203.229%204.292S26.5%2035%2024.344%2035.907c-2.378%201.001-3.461%200-6.346-.577c-1.503-.3-3.006%201.015-3.871%201.968a1.514%201.514%200%200%200-.118%201.918c.289.402.661.863%201.105%201.306c1.154%201.154%205.769%204.616%2010.384%204.039s8.653-4.038%2010.384-8.077s.577-8.653-2.307-12.115s-8.077-4.038-9.23-4.038c-1.155%200-5.193%200-9.231%204.615%22%2F%3E%3Cpath%20d%3D%22M31.562%2022.639L12.643%208.17c-.398-.304-.967-.271-1.264.133c-.713.97-1.386%202.507-.303%203.95c1.384%201.846%206.73%206.539%209.23%208.654%22%2F%3E%3Cpath%20d%3D%22M35%2026L23.142%204.198c-.239-.44-.772-.641-1.208-.394c-1.046.594-2.289%201.723-1.89%203.483c.51%202.25%202.539%206.261%203.957%209.213%22%2F%3E%3Cpath%20d%3D%22m36%2028l-.95-20.308c-.023-.5-.414-.913-.914-.882c-1.201.077-2.813.55-3.223%202.307c-.524%202.247-.9%205.608-.913%208.883%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M15.114%2024.946c-2.403%202.746-2.827%206.087-2.65%208.41c.085%201.105%201.205%201.713%202.234%201.303c.744-.297%201.56-.668%202.146-1.06c1.731-1.153%201.154-2.307%201.731-4.038c.577-1.73%203.117-3.138%205.425-2.561s3.229%202.561%203.229%204.292S26.5%2035%2024.344%2035.907c-2.378%201.001-3.461%200-6.346-.577c-1.503-.3-3.006%201.015-3.871%201.968a1.514%201.514%200%200%200-.118%201.918c.289.402.661.863%201.105%201.306c1.154%201.154%205.769%204.616%2010.384%204.039s8.653-4.038%2010.384-8.077s.577-8.653-2.307-12.115s-8.077-4.038-9.23-4.038c-1.155%200-5.193%200-9.231%204.615%22%2F%3E%3Cpath%20d%3D%22M31.562%2022.639L12.643%208.17c-.398-.304-.967-.271-1.264.133c-.713.97-1.386%202.507-.303%203.95c1.384%201.846%206.73%206.539%209.23%208.654%22%2F%3E%3Cpath%20d%3D%22M35%2026L23.142%204.198c-.239-.44-.772-.641-1.208-.394c-1.046.594-2.289%201.723-1.89%203.483c.51%202.25%202.539%206.261%203.957%209.213%22%2F%3E%3Cpath%20d%3D%22m36%2028l-.95-20.308c-.023-.5-.414-.913-.914-.882c-1.201.077-2.813.55-3.223%202.307c-.524%202.247-.9%205.608-.913%208.883%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park-outline/okay.svg?color=%231a73e8&size=48
