card pos icon
card-pos-filled from Reicon by REICON · Filled · Newicons · MIT Free for personal and commercial use.
- Name
- card-pos-filled
- Set
- Reicon
- Style
- Filled
- Category
- Newicons
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
More newicons icons from Reicon
Use the card pos icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M22 21.25c0 .41-.34.75-.75.75H2.75c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h18.5c.41 0 .75.34.75.75M15.391 4.522l-10.74 10.74c-.41.41-1.07.41-1.47 0h-.01a3.58 3.58 0 0 1 0-5.05l7.15-7.15c1.4-1.4 3.66-1.4 5.06 0c.41.39.41 1.06.01 1.46"/><path d="m20.821 8.49l-3.05-3.05c-.41-.41-1.07-.41-1.47 0L5.561 16.18c-.41.4-.41 1.06 0 1.47l3.05 3.06a3.59 3.59 0 0 0 5.06 0l7.14-7.15c1.42-1.4 1.42-3.67.01-5.07m-8.06 9.03l-1.21 1.22c-.25.25-.66.25-.92 0a.66.66 0 0 1 0-.92l1.22-1.22c.24-.24.66-.24.91 0c.25.25.25.68 0 .92m3.97-3.97L14.291 16c-.25.24-.66.24-.92 0a.66.66 0 0 1 0-.92l2.45-2.45c.24-.24.66-.24.91 0c.25.26.25.67 0 .92"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconCardPosFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M22 21.25c0 .41-.34.75-.75.75H2.75c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h18.5c.41 0 .75.34.75.75M15.391 4.522l-10.74 10.74c-.41.41-1.07.41-1.47 0h-.01a3.58 3.58 0 0 1 0-5.05l7.15-7.15c1.4-1.4 3.66-1.4 5.06 0c.41.39.41 1.06.01 1.46"/><path d="m20.821 8.49l-3.05-3.05c-.41-.41-1.07-.41-1.47 0L5.561 16.18c-.41.4-.41 1.06 0 1.47l3.05 3.06a3.59 3.59 0 0 0 5.06 0l7.14-7.15c1.42-1.4 1.42-3.67.01-5.07m-8.06 9.03l-1.21 1.22c-.25.25-.66.25-.92 0a.66.66 0 0 1 0-.92l1.22-1.22c.24-.24.66-.24.91 0c.25.25.25.68 0 .92m3.97-3.97L14.291 16c-.25.24-.66.24-.92 0a.66.66 0 0 1 0-.92l2.45-2.45c.24-.24.66-.24.91 0c.25.26.25.67 0 .92"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M22 21.25c0 .41-.34.75-.75.75H2.75c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h18.5c.41 0 .75.34.75.75M15.391 4.522l-10.74 10.74c-.41.41-1.07.41-1.47 0h-.01a3.58 3.58 0 0 1 0-5.05l7.15-7.15c1.4-1.4 3.66-1.4 5.06 0c.41.39.41 1.06.01 1.46"/><path d="m20.821 8.49l-3.05-3.05c-.41-.41-1.07-.41-1.47 0L5.561 16.18c-.41.4-.41 1.06 0 1.47l3.05 3.06a3.59 3.59 0 0 0 5.06 0l7.14-7.15c1.42-1.4 1.42-3.67.01-5.07m-8.06 9.03l-1.21 1.22c-.25.25-.66.25-.92 0a.66.66 0 0 1 0-.92l1.22-1.22c.24-.24.66-.24.91 0c.25.25.25.68 0 .92m3.97-3.97L14.291 16c-.25.24-.66.24-.92 0a.66.66 0 0 1 0-.92l2.45-2.45c.24-.24.66-.24.91 0c.25.26.25.67 0 .92"/></g></svg> </template>
CSS
.icon-card-pos-filled {
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%22currentColor%22%3E%3Cpath%20d%3D%22M22%2021.25c0%20.41-.34.75-.75.75H2.75c-.41%200-.75-.34-.75-.75s.34-.75.75-.75h18.5c.41%200%20.75.34.75.75M15.391%204.522l-10.74%2010.74c-.41.41-1.07.41-1.47%200h-.01a3.58%203.58%200%200%201%200-5.05l7.15-7.15c1.4-1.4%203.66-1.4%205.06%200c.41.39.41%201.06.01%201.46%22%2F%3E%3Cpath%20d%3D%22m20.821%208.49l-3.05-3.05c-.41-.41-1.07-.41-1.47%200L5.561%2016.18c-.41.4-.41%201.06%200%201.47l3.05%203.06a3.59%203.59%200%200%200%205.06%200l7.14-7.15c1.42-1.4%201.42-3.67.01-5.07m-8.06%209.03l-1.21%201.22c-.25.25-.66.25-.92%200a.66.66%200%200%201%200-.92l1.22-1.22c.24-.24.66-.24.91%200c.25.25.25.68%200%20.92m3.97-3.97L14.291%2016c-.25.24-.66.24-.92%200a.66.66%200%200%201%200-.92l2.45-2.45c.24-.24.66-.24.91%200c.25.26.25.67%200%20.92%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%22currentColor%22%3E%3Cpath%20d%3D%22M22%2021.25c0%20.41-.34.75-.75.75H2.75c-.41%200-.75-.34-.75-.75s.34-.75.75-.75h18.5c.41%200%20.75.34.75.75M15.391%204.522l-10.74%2010.74c-.41.41-1.07.41-1.47%200h-.01a3.58%203.58%200%200%201%200-5.05l7.15-7.15c1.4-1.4%203.66-1.4%205.06%200c.41.39.41%201.06.01%201.46%22%2F%3E%3Cpath%20d%3D%22m20.821%208.49l-3.05-3.05c-.41-.41-1.07-.41-1.47%200L5.561%2016.18c-.41.4-.41%201.06%200%201.47l3.05%203.06a3.59%203.59%200%200%200%205.06%200l7.14-7.15c1.42-1.4%201.42-3.67.01-5.07m-8.06%209.03l-1.21%201.22c-.25.25-.66.25-.92%200a.66.66%200%200%201%200-.92l1.22-1.22c.24-.24.66-.24.91%200c.25.25.25.68%200%20.92m3.97-3.97L14.291%2016c-.25.24-.66.24-.92%200a.66.66%200%200%201%200-.92l2.45-2.45c.24-.24.66-.24.91%200c.25.26.25.67%200%20.92%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/card-pos-filled.svg?color=%231a73e8&size=48
