credit card validation icon
credit-card-validation from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- credit-card-validation
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Related icons in Huge Icons
Use the credit card validation icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15 7.5s.5 0 1 1c0 0 1.588-2.5 3-3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M22 7a5 5 0 1 1-10 0a5 5 0 0 1 10 0Z"/><path fill="currentColor" d="m3.607 21.01l.465-.59zm-.554-.523l.56-.499zm17.894 0l-.56-.499zm-.555.523l-.464-.59zM3.607 6.99l-.464-.588zm-.554.522l.56.5zm19.697 5.732a.75.75 0 1 0-1.5.002zM9.066 6.753a.75.75 0 0 0-.009-1.5zM13.5 21.25h-3v1.5h3zm-3 0c-1.897 0-3.256 0-4.301-.119c-1.03-.116-1.655-.338-2.127-.71l-.93 1.177c.784.619 1.726.893 2.889 1.024c1.148.13 2.607.128 4.469.128zM1.25 14c0 1.75-.001 3.132.138 4.223c.141 1.11.439 2.016 1.105 2.764l1.12-.999c-.387-.433-.616-1.002-.737-1.955c-.125-.974-.126-2.244-.126-4.033zm2.822 6.42a3.6 3.6 0 0 1-.46-.432l-1.119.999q.297.332.65.611zM21.25 14c0 1.789-.001 3.06-.126 4.033c-.121.953-.35 1.522-.737 1.955l1.12.999c.666-.748.964-1.653 1.105-2.764c.14-1.09.138-2.474.138-4.223zm-7.75 8.75c1.862 0 3.321.002 4.47-.128c1.162-.131 2.104-.405 2.887-1.024l-.93-1.177c-.47.372-1.095.594-2.126.71c-1.044.118-2.404.12-4.301.12zm6.887-2.762q-.208.234-.46.433l.93 1.177q.353-.279.65-.611zM2.75 14c0-1.788.001-3.059.126-4.032c.121-.953.35-1.522.737-1.956l-1.12-.998c-.666.747-.964 1.653-1.105 2.764c-.14 1.09-.138 2.473-.138 4.222zm.393-7.597q-.353.278-.65.611l1.12.998q.208-.234.46-.432zM22.75 14v-.755l-1.5.002V14zM9.057 5.253c-1.407.008-2.553.04-3.491.188c-.953.15-1.747.428-2.423.962l.93 1.177c.407-.322.928-.53 1.726-.657c.813-.128 1.852-.162 3.267-.17z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M10 18h1.5m3 0H18"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.5 11H10"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsCreditCardValidation(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"><path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M15 7.5s.5 0 1 1c0 0 1.588-2.5 3-3"/><path stroke="currentColor" strokeLinecap="round" strokeWidth="1.5" d="M22 7a5 5 0 1 1-10 0a5 5 0 0 1 10 0Z"/><path fill="currentColor" d="m3.607 21.01l.465-.59zm-.554-.523l.56-.499zm17.894 0l-.56-.499zm-.555.523l-.464-.59zM3.607 6.99l-.464-.588zm-.554.522l.56.5zm19.697 5.732a.75.75 0 1 0-1.5.002zM9.066 6.753a.75.75 0 0 0-.009-1.5zM13.5 21.25h-3v1.5h3zm-3 0c-1.897 0-3.256 0-4.301-.119c-1.03-.116-1.655-.338-2.127-.71l-.93 1.177c.784.619 1.726.893 2.889 1.024c1.148.13 2.607.128 4.469.128zM1.25 14c0 1.75-.001 3.132.138 4.223c.141 1.11.439 2.016 1.105 2.764l1.12-.999c-.387-.433-.616-1.002-.737-1.955c-.125-.974-.126-2.244-.126-4.033zm2.822 6.42a3.6 3.6 0 0 1-.46-.432l-1.119.999q.297.332.65.611zM21.25 14c0 1.789-.001 3.06-.126 4.033c-.121.953-.35 1.522-.737 1.955l1.12.999c.666-.748.964-1.653 1.105-2.764c.14-1.09.138-2.474.138-4.223zm-7.75 8.75c1.862 0 3.321.002 4.47-.128c1.162-.131 2.104-.405 2.887-1.024l-.93-1.177c-.47.372-1.095.594-2.126.71c-1.044.118-2.404.12-4.301.12zm6.887-2.762q-.208.234-.46.433l.93 1.177q.353-.279.65-.611zM2.75 14c0-1.788.001-3.059.126-4.032c.121-.953.35-1.522.737-1.956l-1.12-.998c-.666.747-.964 1.653-1.105 2.764c-.14 1.09-.138 2.473-.138 4.222zm.393-7.597q-.353.278-.65.611l1.12.998q.208-.234.46-.432zM22.75 14v-.755l-1.5.002V14zM9.057 5.253c-1.407.008-2.553.04-3.491.188c-.953.15-1.747.428-2.423.962l.93 1.177c.407-.322.928-.53 1.726-.657c.813-.128 1.852-.162 3.267-.17z"/><path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" strokeWidth="1.5" d="M10 18h1.5m3 0H18"/><path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M2.5 11H10"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15 7.5s.5 0 1 1c0 0 1.588-2.5 3-3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M22 7a5 5 0 1 1-10 0a5 5 0 0 1 10 0Z"/><path fill="currentColor" d="m3.607 21.01l.465-.59zm-.554-.523l.56-.499zm17.894 0l-.56-.499zm-.555.523l-.464-.59zM3.607 6.99l-.464-.588zm-.554.522l.56.5zm19.697 5.732a.75.75 0 1 0-1.5.002zM9.066 6.753a.75.75 0 0 0-.009-1.5zM13.5 21.25h-3v1.5h3zm-3 0c-1.897 0-3.256 0-4.301-.119c-1.03-.116-1.655-.338-2.127-.71l-.93 1.177c.784.619 1.726.893 2.889 1.024c1.148.13 2.607.128 4.469.128zM1.25 14c0 1.75-.001 3.132.138 4.223c.141 1.11.439 2.016 1.105 2.764l1.12-.999c-.387-.433-.616-1.002-.737-1.955c-.125-.974-.126-2.244-.126-4.033zm2.822 6.42a3.6 3.6 0 0 1-.46-.432l-1.119.999q.297.332.65.611zM21.25 14c0 1.789-.001 3.06-.126 4.033c-.121.953-.35 1.522-.737 1.955l1.12.999c.666-.748.964-1.653 1.105-2.764c.14-1.09.138-2.474.138-4.223zm-7.75 8.75c1.862 0 3.321.002 4.47-.128c1.162-.131 2.104-.405 2.887-1.024l-.93-1.177c-.47.372-1.095.594-2.126.71c-1.044.118-2.404.12-4.301.12zm6.887-2.762q-.208.234-.46.433l.93 1.177q.353-.279.65-.611zM2.75 14c0-1.788.001-3.059.126-4.032c.121-.953.35-1.522.737-1.956l-1.12-.998c-.666.747-.964 1.653-1.105 2.764c-.14 1.09-.138 2.473-.138 4.222zm.393-7.597q-.353.278-.65.611l1.12.998q.208-.234.46-.432zM22.75 14v-.755l-1.5.002V14zM9.057 5.253c-1.407.008-2.553.04-3.491.188c-.953.15-1.747.428-2.423.962l.93 1.177c.407-.322.928-.53 1.726-.657c.813-.128 1.852-.162 3.267-.17z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M10 18h1.5m3 0H18"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.5 11H10"/></g></svg> </template>
CSS
.icon-credit-card-validation {
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%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M15%207.5s.5%200%201%201c0%200%201.588-2.5%203-3%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M22%207a5%205%200%201%201-10%200a5%205%200%200%201%2010%200Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m3.607%2021.01l.465-.59zm-.554-.523l.56-.499zm17.894%200l-.56-.499zm-.555.523l-.464-.59zM3.607%206.99l-.464-.588zm-.554.522l.56.5zm19.697%205.732a.75.75%200%201%200-1.5.002zM9.066%206.753a.75.75%200%200%200-.009-1.5zM13.5%2021.25h-3v1.5h3zm-3%200c-1.897%200-3.256%200-4.301-.119c-1.03-.116-1.655-.338-2.127-.71l-.93%201.177c.784.619%201.726.893%202.889%201.024c1.148.13%202.607.128%204.469.128zM1.25%2014c0%201.75-.001%203.132.138%204.223c.141%201.11.439%202.016%201.105%202.764l1.12-.999c-.387-.433-.616-1.002-.737-1.955c-.125-.974-.126-2.244-.126-4.033zm2.822%206.42a3.6%203.6%200%200%201-.46-.432l-1.119.999q.297.332.65.611zM21.25%2014c0%201.789-.001%203.06-.126%204.033c-.121.953-.35%201.522-.737%201.955l1.12.999c.666-.748.964-1.653%201.105-2.764c.14-1.09.138-2.474.138-4.223zm-7.75%208.75c1.862%200%203.321.002%204.47-.128c1.162-.131%202.104-.405%202.887-1.024l-.93-1.177c-.47.372-1.095.594-2.126.71c-1.044.118-2.404.12-4.301.12zm6.887-2.762q-.208.234-.46.433l.93%201.177q.353-.279.65-.611zM2.75%2014c0-1.788.001-3.059.126-4.032c.121-.953.35-1.522.737-1.956l-1.12-.998c-.666.747-.964%201.653-1.105%202.764c-.14%201.09-.138%202.473-.138%204.222zm.393-7.597q-.353.278-.65.611l1.12.998q.208-.234.46-.432zM22.75%2014v-.755l-1.5.002V14zM9.057%205.253c-1.407.008-2.553.04-3.491.188c-.953.15-1.747.428-2.423.962l.93%201.177c.407-.322.928-.53%201.726-.657c.813-.128%201.852-.162%203.267-.17z%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.5%22%20d%3D%22M10%2018h1.5m3%200H18%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M2.5%2011H10%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%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M15%207.5s.5%200%201%201c0%200%201.588-2.5%203-3%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M22%207a5%205%200%201%201-10%200a5%205%200%200%201%2010%200Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m3.607%2021.01l.465-.59zm-.554-.523l.56-.499zm17.894%200l-.56-.499zm-.555.523l-.464-.59zM3.607%206.99l-.464-.588zm-.554.522l.56.5zm19.697%205.732a.75.75%200%201%200-1.5.002zM9.066%206.753a.75.75%200%200%200-.009-1.5zM13.5%2021.25h-3v1.5h3zm-3%200c-1.897%200-3.256%200-4.301-.119c-1.03-.116-1.655-.338-2.127-.71l-.93%201.177c.784.619%201.726.893%202.889%201.024c1.148.13%202.607.128%204.469.128zM1.25%2014c0%201.75-.001%203.132.138%204.223c.141%201.11.439%202.016%201.105%202.764l1.12-.999c-.387-.433-.616-1.002-.737-1.955c-.125-.974-.126-2.244-.126-4.033zm2.822%206.42a3.6%203.6%200%200%201-.46-.432l-1.119.999q.297.332.65.611zM21.25%2014c0%201.789-.001%203.06-.126%204.033c-.121.953-.35%201.522-.737%201.955l1.12.999c.666-.748.964-1.653%201.105-2.764c.14-1.09.138-2.474.138-4.223zm-7.75%208.75c1.862%200%203.321.002%204.47-.128c1.162-.131%202.104-.405%202.887-1.024l-.93-1.177c-.47.372-1.095.594-2.126.71c-1.044.118-2.404.12-4.301.12zm6.887-2.762q-.208.234-.46.433l.93%201.177q.353-.279.65-.611zM2.75%2014c0-1.788.001-3.059.126-4.032c.121-.953.35-1.522.737-1.956l-1.12-.998c-.666.747-.964%201.653-1.105%202.764c-.14%201.09-.138%202.473-.138%204.222zm.393-7.597q-.353.278-.65.611l1.12.998q.208-.234.46-.432zM22.75%2014v-.755l-1.5.002V14zM9.057%205.253c-1.407.008-2.553.04-3.491.188c-.953.15-1.747.428-2.423.962l.93%201.177c.407-.322.928-.53%201.726-.657c.813-.128%201.852-.162%203.267-.17z%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.5%22%20d%3D%22M10%2018h1.5m3%200H18%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M2.5%2011H10%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/credit-card-validation.svg?color=%231a73e8&size=48
