Close
The Close icon represents a universal symbol for dismissing or quitting an action, commonly used in user interfaces to cancel or close a window, dialog, or alert.
Exports at 24 × 24 px
Code
Close in your framework
In any framework. Customize it above, and the code follows.
export const CloseIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 256 256" {...props}>
<path fill="#49BC82" d="M194.21 167.138a254 254 0 0 0 1.263-10.796a286 286 0 0 1-12.101 13.716q5.636-1.33 10.838-2.92M62.567 90.053a247 247 0 0 0-1.306 10.705a272 272 0 0 1 11.938-13.62a176 176 0 0 0-10.632 2.915m134.05 28.778a172 172 0 0 0 5.623-9.789a253 253 0 0 0-6.84-8.632a271 271 0 0 1 1.217 18.42M54.646 147.619q3.135 4.202 6.548 8.383A286 286 0 0 1 60.08 138.1a177 177 0 0 0-5.434 9.52m112.021 46.91c-1.576 5.02-3.315 9.735-5.207 14.097c-3.004 6.928-6.378 12.972-10.02 18.039c-6.914 9.62-14.794 15.68-22.984 17.27c-8.626-1.857-16.634-7.954-23.53-17.488c-6.782 2.546-13.407 4.353-19.788 5.36c2.06 2.852 4.239 5.497 6.549 7.889c9.93 10.279 18.6 16.138 36.663 16.138s28.292-6.633 38.543-18.168a74 74 0 0 0 4.446-5.55c3.807-5.218 7.195-11.18 10.153-17.787c3.285-7.342 6.042-15.473 8.272-24.234c-7.293 1.845-15.02 3.324-23.097 4.434m-.151-175.103C156.19 7.628 146.2.83 128.35.83s-24.2 5.023-33.67 13.926c-3.231 3.038-6.245 6.542-9.05 10.439c-3.655 5.079-6.942 10.845-9.847 17.204c-3.453 7.557-6.365 15.943-8.714 24.997c7.234-1.888 14.89-3.416 22.892-4.57c1.615-5.235 3.41-10.145 5.372-14.674c2.918-6.74 6.194-12.647 9.732-17.645c6.988-9.876 15.007-16.165 23.39-17.989c8.312 1.543 16.305 7.736 23.292 17.606c6.534-2.476 12.923-4.238 19.1-5.237a78 78 0 0 0-4.332-5.46m.418 43.301q-5.175-.718-10.528-1.231a271 271 0 0 1 13.413 11.766a176 176 0 0 0-2.885-10.535M89.848 194.37c3.594.52 7.253.97 10.977 1.34A286 286 0 0 1 86.9 183.434a173 173 0 0 0 2.949 10.936m143.066-15.982a74 74 0 0 0-.75-6.873c-.982-6.389-2.789-13.008-5.362-19.782c-2.896-7.622-6.755-15.436-11.453-23.325c-3.844 6.466-8.257 12.983-13.178 19.484c2.507 4.79 4.663 9.473 6.445 14.009c2.764 7.03 4.642 13.698 5.63 19.856c1.86 11.595.56 21.37-4.078 28.243c-7.343 4.742-17.198 6.116-28.676 4.329c-2.958 6.607-6.346 12.569-10.153 17.786c3.343.523 6.627.832 9.831.888c14.29.247 24.565-1.741 37.337-14.513s15.315-24.697 14.407-40.102M78.33 24.337c-15.644-1.041-27.514 1.215-40.137 13.838c-12.622 12.622-13.56 20.662-13.96 33.654c-.138 4.494.217 9.169 1.012 13.975c1.021 6.17 2.786 12.565 5.236 19.106c2.874 7.673 6.688 15.545 11.348 23.49c3.788-6.445 8.128-12.935 12.974-19.402c-2.483-4.714-4.636-9.332-6.415-13.806c-2.713-6.823-4.585-13.31-5.637-19.346c-2.095-12.022-.886-22.22 3.782-29.482c7.034-4.831 17.185-6.084 29.252-3.965c2.905-6.359 6.192-12.125 9.847-17.204a78 78 0 0 0-7.302-.858m117.072 76.073a247 247 0 0 0-1.244-10.215c-1.16-8.087-2.704-15.823-4.613-23.127c-2.29-8.764-5.107-16.903-8.435-24.26c-6.025 1.018-12.527 2.873-19.373 5.571c1.893 4.439 3.628 9.242 5.198 14.348a176 176 0 0 1 2.885 10.535c.898 3.727 1.707 7.59 2.422 11.578c1.366 7.602 2.38 15.66 3 24.098a264 264 0 0 1 .71 19.288c0 6.678-.257 13.157-.722 19.435c5.6-6.463 10.652-12.912 15.103-19.27a199 199 0 0 0 6.285-9.56a271 271 0 0 0-1.216-18.421M89.848 194.37a173 173 0 0 1-2.95-10.936c-.847-3.6-1.62-7.318-2.297-11.169c-1.362-7.738-2.356-15.976-2.96-24.622a278 278 0 0 1-.68-19.417c0-6.667.255-13.129.714-19.385c-5.615 6.484-10.665 12.978-15.136 19.397a202 202 0 0 0-6.459 9.862c.19 6.098.564 12.073 1.114 17.902c.349 3.693.763 7.331 1.255 10.896c1.104 7.99 2.572 15.637 4.395 22.86c2.243 8.882 5.03 17.117 8.354 24.547c6.17-1.025 12.821-2.917 19.827-5.696c-1.893-4.403-3.623-9.161-5.177-14.24M109.133 54.6a255 255 0 0 0-8.786 6.957a271 271 0 0 1 18.813-1.232a176 176 0 0 0-10.027-5.724M46.3 210.426c-4.83-7.033-6.084-17.185-3.963-29.252c-6.36-2.904-12.127-6.192-17.205-9.847c-.403 2.471-.7 4.91-.859 7.302c-1.04 15.644 1.216 27.515 13.838 40.136s20.662 13.56 33.655 13.96c4.306.133 8.777-.19 13.372-.916c-3.721-5.151-7.038-11.015-9.94-17.503c-11.767 1.954-21.753.711-28.898-3.88m62.65-8.279c-4.756 2.508-9.414 4.673-13.925 6.463c2.94 6.835 6.265 12.813 9.901 17.838c7.606-2.854 15.407-6.634 23.28-11.243c-6.392-3.819-12.83-8.189-19.256-13.058m38.762.048a246 246 0 0 0 8.227-6.43c-5.705.537-11.551.905-17.515 1.099a172 172 0 0 0 9.288 5.331m-52.687 6.415c-7.006 2.78-13.658 4.67-19.827 5.696c2.902 6.488 6.219 12.352 9.94 17.503c6.38-1.008 13.006-2.815 19.788-5.36c-3.636-5.026-6.962-11.004-9.901-17.839m123.4-170.16c-12.771-12.771-24.695-15.314-40.1-14.407a74 74 0 0 0-7.476.845c-6.178.999-12.567 2.761-19.1 5.237c-7.692 2.916-15.578 6.813-23.539 11.564c6.52 3.814 13.087 8.193 19.632 13.09c4.749-2.485 9.395-4.626 13.894-6.399c6.846-2.698 13.348-4.553 19.373-5.57c11.85-2 21.84-.735 28.827 3.98c4.743 7.343 6.116 17.198 4.329 28.676c6.607 2.959 12.569 6.345 17.788 10.154c.523-3.344.831-6.629.886-9.833c.248-14.29-1.74-24.564-14.513-37.336m-9.863 57.048c-1.755 4.394-3.869 8.92-6.322 13.545a172 172 0 0 1-5.623 9.789a199 199 0 0 1-6.285 9.56c-4.451 6.358-9.503 12.807-15.103 19.27a277 277 0 0 1-13.527 14.53a264 264 0 0 1-14.122 13.126c8.61-.602 16.815-1.592 24.526-2.945a199 199 0 0 0 11.266-2.314a285 285 0 0 0 12.101-13.716a255 255 0 0 0 6.698-8.45c4.921-6.501 9.334-13.018 13.178-19.484c4.603-7.74 8.386-15.406 11.252-22.892c-5.065-3.64-11.11-7.015-18.039-10.019M84.68 84.732a201 201 0 0 0-11.48 2.406a272 272 0 0 0-11.94 13.62a245 245 0 0 0-6.458 8.24c-4.846 6.467-9.186 12.957-12.974 19.401c-4.67 7.944-8.5 15.818-11.384 23.492c4.999 3.538 10.904 6.814 17.645 9.733c1.819-4.536 4.018-9.221 6.557-14.005a177 177 0 0 1 5.434-9.52a202 202 0 0 1 6.46-9.86c4.47-6.42 9.52-12.914 15.135-19.398a262.5 262.5 0 0 1 27.2-27.124c-8.473.621-16.565 1.641-24.195 3.015m152.922 5.331a74 74 0 0 0-5.55-4.444c-5.218-3.809-11.18-7.195-17.787-10.154c-7.477-3.347-15.773-6.146-24.721-8.397c1.91 7.304 3.452 15.04 4.613 23.127c5.135 1.6 9.954 3.372 14.405 5.302c6.928 3.004 12.974 6.378 18.039 10.019c9.62 6.915 15.68 14.795 17.27 22.985c-1.83 8.502-7.772 16.404-17.069 23.232c2.573 6.774 4.38 13.393 5.362 19.782c2.692-1.97 5.194-4.048 7.468-6.245c10.28-9.929 16.139-18.6 16.139-36.663s-6.634-28.292-18.17-38.544M62.449 166.898c-5.116-1.59-9.921-3.352-14.36-5.274c-6.74-2.919-12.646-6.195-17.645-9.733c-9.875-6.989-16.166-15.007-17.99-23.39c1.565-8.43 7.908-16.533 18.026-23.59c-2.45-6.542-4.215-12.937-5.236-19.107a78 78 0 0 0-5.88 4.638C7.564 100.767.766 110.757.766 128.607s5.022 24.198 13.926 33.67c3.038 3.23 6.542 6.245 10.439 9.049c5.078 3.655 10.845 6.943 17.205 9.847c7.419 3.39 15.64 6.259 24.507 8.585c-1.823-7.223-3.291-14.87-4.395-22.86m66.09-100.422a202 202 0 0 0-9.38-6.15c-6.414.199-12.695.613-18.812 1.23q-5.281.534-10.385 1.27c-8.001 1.154-15.658 2.682-22.892 4.57c-8.787 2.293-16.947 5.115-24.32 8.45c1.052 6.035 2.924 12.523 5.637 19.346c4.392-1.87 9.137-3.586 14.18-5.139a177 177 0 0 1 10.632-2.915c3.698-.89 7.528-1.695 11.481-2.406c7.63-1.374 15.722-2.394 24.196-3.015c6.233-.458 12.663-.71 19.286-.71c6.877 0 13.541.273 19.993.765c-6.556-5.681-13.125-10.786-19.615-15.296m80.077 95.425c-4.45 1.917-9.265 3.667-14.406 5.237a172 172 0 0 1-10.838 2.92a200 200 0 0 1-11.266 2.314c-7.711 1.353-15.915 2.343-24.526 2.945c-6.265.438-12.737.679-19.418.679a266 266 0 0 1-18.828-.67c6.39 5.534 12.766 10.53 19.054 14.94a199 199 0 0 0 10.036 6.597a286 286 0 0 0 17.515-1.1a255 255 0 0 0 10.728-1.234c8.076-1.11 15.804-2.589 23.097-4.434c8.858-2.24 17.07-5.022 24.482-8.338c-.988-6.158-2.866-12.826-5.63-19.856m-60.904 40.293a172 172 0 0 1-9.288-5.331a199 199 0 0 1-10.036-6.596c-6.288-4.411-12.664-9.407-19.054-14.942a278 278 0 0 1-14.568-13.56a264 264 0 0 1-13.126-14.122c.605 8.646 1.599 16.884 2.96 24.622a199 199 0 0 0 2.299 11.17a286 286 0 0 0 13.926 12.275a254 254 0 0 0 8.125 6.436c6.425 4.87 12.864 9.24 19.256 13.058c7.857 4.695 15.64 8.552 23.234 11.46c3.642-5.066 7.016-11.11 10.02-18.038c-4.458-1.781-9.053-3.933-13.748-6.432m24.53-117.354a201 201 0 0 0-2.423-11.578a271 271 0 0 0-13.413-11.766a246 246 0 0 0-8.564-6.718c-6.545-4.897-13.112-9.276-19.632-13.09c-7.826-4.576-15.582-8.338-23.144-11.181c-3.538 4.998-6.814 10.905-9.732 17.645c4.47 1.793 9.086 3.957 13.799 6.449a176 176 0 0 1 10.027 5.724c3.1 1.908 6.23 3.964 9.38 6.151c6.49 4.51 13.059 9.615 19.615 15.296a263 263 0 0 1 27.085 27.167c-.62-8.439-1.633-16.497-2.999-24.1"/><path fill="#49BC82" d="M194.21 167.138a254 254 0 0 0 1.263-10.796a286 286 0 0 1-12.101 13.716q5.636-1.33 10.838-2.92M62.567 90.053a247 247 0 0 0-1.306 10.705a272 272 0 0 1 11.938-13.62a176 176 0 0 0-10.632 2.915"/><path fill="#57B6DF" d="M196.617 118.83a172 172 0 0 0 5.623-9.788a253 253 0 0 0-6.84-8.632a271 271 0 0 1 1.217 18.42M54.646 147.62q3.135 4.202 6.548 8.382A286 286 0 0 1 60.08 138.1a177 177 0 0 0-5.434 9.52"/><path fill="#49BC82" d="M166.667 194.53c-1.576 5.019-3.315 9.734-5.207 14.096c-3.004 6.928-6.378 12.972-10.02 18.039c-6.914 9.62-14.794 15.68-22.984 17.27c-8.626-1.857-16.634-7.954-23.53-17.488c-6.782 2.546-13.407 4.353-19.788 5.36c2.06 2.852 4.239 5.497 6.549 7.889c9.93 10.279 18.6 16.138 36.663 16.138s28.292-6.633 38.543-18.168a74 74 0 0 0 4.446-5.55c3.807-5.218 7.195-11.18 10.153-17.787c3.285-7.342 6.042-15.473 8.272-24.234c-7.293 1.845-15.02 3.324-23.097 4.434m-.151-175.103C156.19 7.628 146.2.83 128.35.83s-24.2 5.023-33.67 13.926c-3.231 3.038-6.245 6.542-9.05 10.439c-3.655 5.079-6.942 10.845-9.847 17.204c-3.453 7.557-6.365 15.943-8.714 24.997c7.234-1.888 14.89-3.416 22.892-4.57c1.615-5.235 3.41-10.145 5.372-14.674c2.918-6.74 6.194-12.647 9.732-17.645c6.988-9.876 15.007-16.165 23.39-17.989c8.312 1.543 16.305 7.736 23.292 17.606c6.534-2.476 12.923-4.238 19.1-5.237a78 78 0 0 0-4.332-5.46"/><path fill="#276392" d="M166.934 62.727q-5.175-.718-10.528-1.231a271 271 0 0 1 13.413 11.766a176 176 0 0 0-2.885-10.535M89.848 194.37c3.594.52 7.253.97 10.977 1.34A286 286 0 0 1 86.9 183.434a173 173 0 0 0 2.949 10.936"/><path fill="#57B6DF" d="M232.914 178.388a74 74 0 0 0-.75-6.873c-.982-6.389-2.789-13.008-5.362-19.782c-2.896-7.622-6.755-15.436-11.453-23.325c-3.844 6.466-8.257 12.983-13.178 19.484c2.507 4.79 4.663 9.473 6.445 14.009c2.764 7.03 4.642 13.698 5.63 19.856c1.86 11.595.56 21.37-4.078 28.243c-7.343 4.742-17.198 6.116-28.676 4.329c-2.958 6.607-6.346 12.569-10.153 17.786c3.343.523 6.627.832 9.831.888c14.29.247 24.565-1.741 37.337-14.513s15.315-24.697 14.407-40.102M78.329 24.337c-15.644-1.041-27.514 1.215-40.137 13.838c-12.622 12.622-13.56 20.662-13.96 33.654c-.138 4.494.217 9.169 1.012 13.975c1.021 6.17 2.786 12.565 5.236 19.106c2.874 7.673 6.688 15.545 11.348 23.49c3.788-6.445 8.128-12.935 12.974-19.402c-2.483-4.714-4.636-9.332-6.415-13.806c-2.713-6.823-4.585-13.31-5.637-19.346c-2.095-12.022-.886-22.22 3.782-29.482c7.034-4.831 17.185-6.084 29.252-3.965c2.905-6.359 6.192-12.125 9.847-17.204a78 78 0 0 0-7.302-.858"/><path fill="#49BC82" d="M195.4 100.41c-.349-3.46-.763-6.868-1.243-10.215c-1.16-8.087-2.704-15.823-4.613-23.127c-2.29-8.764-5.107-16.903-8.435-24.26c-6.025 1.018-12.527 2.873-19.373 5.571c1.893 4.439 3.628 9.242 5.198 14.348a176 176 0 0 1 2.885 10.535c.898 3.727 1.707 7.59 2.422 11.578c1.366 7.602 2.38 15.66 3 24.098a264 264 0 0 1 .71 19.288c0 6.678-.257 13.157-.722 19.435c5.6-6.463 10.652-12.912 15.103-19.27a199 199 0 0 0 6.285-9.56a271 271 0 0 0-1.216-18.421M89.848 194.37a173 173 0 0 1-2.95-10.936c-.847-3.6-1.62-7.318-2.297-11.169c-1.362-7.738-2.356-15.976-2.96-24.622a278 278 0 0 1-.68-19.417c0-6.667.255-13.129.714-19.385c-5.615 6.484-10.665 12.978-15.136 19.397a202 202 0 0 0-6.459 9.862c.19 6.098.564 12.073 1.114 17.902c.349 3.693.763 7.331 1.255 10.896c1.104 7.99 2.572 15.637 4.395 22.86c2.243 8.882 5.03 17.117 8.354 24.547c6.17-1.025 12.821-2.917 19.827-5.696c-1.893-4.403-3.623-9.161-5.177-14.24"/><path fill="#FABB66" d="M109.133 54.6a255 255 0 0 0-8.786 6.957a271 271 0 0 1 18.813-1.232a176 176 0 0 0-10.027-5.724M46.3 210.425c-4.83-7.033-6.084-17.185-3.963-29.252c-6.36-2.904-12.127-6.192-17.205-9.847c-.403 2.471-.7 4.91-.859 7.302c-1.04 15.644 1.216 27.515 13.838 40.136s20.662 13.56 33.655 13.96c4.306.133 8.777-.19 13.372-.916c-3.721-5.151-7.038-11.015-9.94-17.503c-11.767 1.954-21.753.711-28.898-3.88m62.65-8.279c-4.756 2.508-9.414 4.673-13.925 6.463c2.94 6.835 6.265 12.813 9.901 17.838c7.606-2.854 15.407-6.634 23.28-11.243c-6.392-3.819-12.83-8.189-19.256-13.058m38.762.048a246 246 0 0 0 8.227-6.43c-5.705.537-11.551.905-17.515 1.099a172 172 0 0 0 9.288 5.331"/><path fill="#FABB66" d="M95.025 208.61c-7.006 2.778-13.658 4.67-19.827 5.695c2.902 6.488 6.219 12.352 9.94 17.503c6.38-1.008 13.006-2.815 19.788-5.36c-3.636-5.026-6.962-11.004-9.901-17.839M218.426 38.45c-12.772-12.772-24.696-15.315-40.102-14.408a74 74 0 0 0-7.475.845c-6.178.999-12.567 2.761-19.1 5.237c-7.692 2.916-15.578 6.813-23.539 11.564c6.52 3.814 13.087 8.193 19.632 13.09c4.749-2.485 9.395-4.626 13.894-6.399c6.846-2.698 13.348-4.553 19.373-5.57c11.85-2 21.84-.735 28.827 3.98c4.743 7.343 6.116 17.198 4.329 28.676c6.607 2.959 12.569 6.345 17.788 10.154c.523-3.344.831-6.629.886-9.833c.248-14.29-1.74-24.564-14.513-37.336m-9.864 57.047c-1.755 4.394-3.869 8.92-6.322 13.545a172 172 0 0 1-5.623 9.789a199 199 0 0 1-6.285 9.56c-4.451 6.358-9.503 12.807-15.103 19.27a277 277 0 0 1-13.527 14.53a264 264 0 0 1-14.122 13.126c8.61-.602 16.815-1.592 24.526-2.945a199 199 0 0 0 11.266-2.314a285 285 0 0 0 12.101-13.716a255 255 0 0 0 6.698-8.45c4.921-6.501 9.334-13.018 13.178-19.484c4.603-7.74 8.386-15.406 11.252-22.892c-5.065-3.64-11.11-7.015-18.039-10.019M84.68 84.732a201 201 0 0 0-11.48 2.406a272 272 0 0 0-11.94 13.62a245 245 0 0 0-6.458 8.24c-4.846 6.467-9.186 12.957-12.974 19.401c-4.67 7.944-8.5 15.818-11.384 23.492c4.999 3.538 10.904 6.814 17.645 9.733c1.819-4.536 4.018-9.221 6.557-14.005a177 177 0 0 1 5.434-9.52a202 202 0 0 1 6.46-9.86c4.47-6.42 9.52-12.914 15.135-19.398a262.5 262.5 0 0 1 27.2-27.124c-8.473.621-16.565 1.641-24.195 3.015"/><path fill="#276392" d="M237.602 90.063a74 74 0 0 0-5.55-4.444c-5.218-3.809-11.18-7.195-17.787-10.154c-7.477-3.347-15.773-6.146-24.721-8.397c1.91 7.304 3.452 15.04 4.613 23.127c5.135 1.6 9.954 3.372 14.405 5.302c6.928 3.004 12.974 6.378 18.039 10.019c9.62 6.915 15.68 14.795 17.27 22.985c-1.83 8.502-7.772 16.404-17.069 23.232c2.573 6.774 4.38 13.393 5.362 19.782c2.692-1.97 5.194-4.048 7.468-6.245c10.28-9.929 16.139-18.6 16.139-36.663s-6.634-28.292-18.17-38.544M62.45 166.898c-5.117-1.59-9.922-3.352-14.36-5.274c-6.742-2.919-12.647-6.195-17.646-9.733c-9.875-6.989-16.166-15.007-17.99-23.39c1.565-8.43 7.908-16.533 18.026-23.59c-2.45-6.542-4.215-12.937-5.236-19.107a78 78 0 0 0-5.88 4.638C7.564 100.767.766 110.757.766 128.607s5.022 24.198 13.926 33.67c3.038 3.23 6.542 6.245 10.439 9.049c5.078 3.655 10.845 6.943 17.205 9.847c7.419 3.39 15.64 6.259 24.507 8.585c-1.823-7.223-3.291-14.87-4.395-22.86M128.54 66.476a202 202 0 0 0-9.38-6.15c-6.415.199-12.696.613-18.813 1.23q-5.281.534-10.385 1.27c-8.001 1.154-15.658 2.682-22.892 4.57c-8.787 2.293-16.947 5.115-24.32 8.45c1.052 6.035 2.924 12.523 5.637 19.346c4.392-1.87 9.137-3.586 14.18-5.139a177 177 0 0 1 10.632-2.915c3.698-.89 7.528-1.695 11.481-2.406c7.63-1.374 15.722-2.394 24.196-3.015c6.233-.458 12.663-.71 19.286-.71c6.877 0 13.541.273 19.993.765c-6.556-5.681-13.125-10.786-19.615-15.296m80.076 95.424c-4.45 1.918-9.265 3.668-14.406 5.238a172 172 0 0 1-10.838 2.92a200 200 0 0 1-11.266 2.314c-7.711 1.353-15.915 2.343-24.526 2.945c-6.265.438-12.737.679-19.418.679a266 266 0 0 1-18.828-.67c6.39 5.534 12.766 10.53 19.054 14.94a199 199 0 0 0 10.036 6.597a286 286 0 0 0 17.515-1.1a255 255 0 0 0 10.728-1.234c8.076-1.11 15.804-2.589 23.097-4.434c8.858-2.24 17.07-5.022 24.482-8.338c-.988-6.158-2.866-12.826-5.63-19.856"/><path fill="#57B6DF" d="M147.712 202.194a172 172 0 0 1-9.288-5.331a199 199 0 0 1-10.036-6.596c-6.288-4.411-12.664-9.407-19.054-14.942a278 278 0 0 1-14.568-13.56a264 264 0 0 1-13.126-14.122c.605 8.646 1.599 16.884 2.96 24.622a199 199 0 0 0 2.299 11.17a286 286 0 0 0 13.926 12.275a254 254 0 0 0 8.125 6.436c6.425 4.87 12.864 9.24 19.256 13.058c7.857 4.695 15.64 8.552 23.234 11.46c3.642-5.066 7.016-11.11 10.02-18.038c-4.458-1.781-9.053-3.933-13.748-6.432M172.241 84.84a201 201 0 0 0-2.422-11.578a271 271 0 0 0-13.413-11.766a246 246 0 0 0-8.564-6.718c-6.545-4.897-13.112-9.276-19.632-13.09c-7.826-4.576-15.582-8.338-23.144-11.181c-3.538 4.998-6.814 10.905-9.732 17.645c4.47 1.793 9.086 3.957 13.799 6.449a176 176 0 0 1 10.027 5.724c3.1 1.908 6.23 3.964 9.38 6.151c6.49 4.51 13.059 9.615 19.615 15.296a263 263 0 0 1 27.085 27.167c-.62-8.439-1.633-16.497-2.999-24.1"/>
</svg>
);Other libraries
Close in 8 more libraries
Each library draws it its own way. Open one to compare.
SVG Logos
More like it
Icons that share its tags, in the same style.
Search SVG Logos
Skip the copy and paste. With Pro, your AI agent finds and installs any SVG Logos icon from a prompt.
Get ProTags
Browse by tag
Close is tagged UI, interface, UX and 3 more. Related tags follow; each opens its icons from every library.
Pricing
SVG Logos MCP, with Pro
Ask for Close or any of 2,063 SVG Logos icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.
4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.
- Secure checkout via Stripe
- Code lives in your repo
- Keep what you've shipped if you cancel
- License terms
FAQ
Frequently asked questions
What the Close icon means and where it's used, then how to install, style, label and license it.
The Close icon represents a universal symbol for dismissing or quitting an action, commonly used in user interfaces to cancel or close a window, dialog, or alert.
The Close icon appears in various software and platforms, including operating systems, web browsers, and applications, often as a button or a clickable element.
The Close icon communicates a sense of finality and irreversibility, helping users understand that an action will be terminated or dismissed.
Close is one of 2,063 icons in SVG Logos, made by Gil Barbara and released under CC0. It is drawn on a 256 × 256 grid.
Sign in (it's free), then open Get icon, Install with shadcn CLI, and pick your package manager to copy the command. It adds CloseIcon to components/icons/logos-close.tsx: one file, a size prop (24 by default) and every SVG prop, with no icon package.
Copy it as React (from Get icon, or the Code section): a typed CloseIcon component you paste into your project, with no package to install. Only the icons you import reach your bundle. It works in Next.js and any React app.
Open Get icon, then Copy as code, and pick Vue, Svelte, Angular, Solid or Preact; the Code section shows each one too. Every version is one self-contained component with the SVG inside, and SVG and data URL copies are there for plain HTML and CSS.
With Pro, the shadcn.io MCP server lets Claude Code, Cursor or any MCP client find the Close icon, or any of 2,063 SVG Logos icons, and install it from a prompt.
It's multicolor, so it keeps its own colors.
Set width and height on the component, or a class like size-6. It's drawn on a 256 × 256 grid, so it stays sharp at any size. Customize also sets the size it exports at, its padding and rotation.
Yes. It keeps its own colors in light and dark mode, so check it against both backgrounds. The icon is a vector, so it needs no separate dark asset.
Next to a visible label it's decoration: add aria-hidden="true" so screen readers skip it. Standing alone, as in an icon button, give the button a name instead, like aria-label="Close", so screen readers say what it does.
Yes. CloseIcon passes every SVG prop to the svg element, so <CloseIcon aria-hidden="true" /> works, and so do role="img" with aria-label, or a title child, when it carries meaning on its own.
Yes. Open Get icon, then Download file: SVG for code or design tools like Figma; PNG, WebP or JPEG at 512px; or an ICO favicon with 16, 32 and 48px inside. Each one uses what you set in Customize.
CC0 puts the icons in the public domain: use them anywhere, with no conditions. The full terms are in the license, linked on this page.
No. CC0 gives the icons to the public domain, so no credit and no notice is required. Icons installed with the shadcn CLI still start with a comment naming SVG Logos, Gil Barbara and the license.
Yes. Copying and downloading it is free, and the shadcn CLI install only needs a free account.
8 other libraries draw an icon called Close. The Other libraries section on this page shows each one, so you can compare them and open the one that fits your style.
Its tags are UI, interface, UX, button, cancel and dismiss. Each tag page lists the icons that carry it from every library, which is the quickest way to find a match for Close in another set.
4.9 out of 5 from 150+ developers
Install Close from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.
Get Pro