Add icons to this collection by clicking the heart icon.
Card Reader icon - also known as technology, computer, card reader, and electronics. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="640"
height="640"
viewBox="0 -48 480 480"
>
<linearGradient id="a">
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".112" stop-color="#ed683c" />
<stop offset=".356" stop-color="#ed6a3c" />
<stop offset=".702" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient
id="b"
x1="240"
x2="240"
y1="386.392"
y2="32.16"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="112"
x2="112"
y1="386.392"
y2="32.16"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="176"
x2="176"
y1="386.392"
y2="32.16"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="384"
x2="384"
y1="386.392"
y2="32.16"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="320"
x2="320"
y1="386.392"
y2="32.16"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="144"
x2="144"
y1="386.392"
y2="32.16"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="352"
x2="352"
y1="386.392"
y2="32.16"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M456 208H248v-24c-.035-30.914-25.086-55.965-56-56H96c-22.09 0-40-17.91-40-40s17.91-40 40-40h184v8c0 13.254 10.746 24 24 24h64a8 8 0 0 0 8-8v-8h24a8 8 0 0 0 8-8V24a8 8 0 0 0-8-8h-24V8a8 8 0 0 0-8-8h-64c-13.254 0-24 10.746-24 24v8H96c-30.93 0-56 25.07-56 56s25.07 56 56 56h96c22.082.027 39.973 17.918 40 40v24H24c-13.254 0-24 10.746-24 24v128c0 13.254 10.746 24 24 24h432c13.254 0 24-10.746 24-24V232c0-13.254-10.746-24-24-24zM392 32v16h-16V32zm-96-8a8 8 0 0 1 8-8h56v48h-56a8 8 0 0 1-8-8zm168 336a8 8 0 0 1-8 8H24a8 8 0 0 1-8-8V232a8 8 0 0 1 8-8h432a8 8 0 0 1 8 8zm0 0"
/>
<path
fill="url(#c)"
d="M112 304c-13.254 0-24 10.746-24 24s10.746 24 24 24 24-10.746 24-24-10.746-24-24-24zm0 32a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm0 0"
/>
<path
fill="url(#d)"
d="M176 304c-13.254 0-24 10.746-24 24s10.746 24 24 24 24-10.746 24-24-10.746-24-24-24zm0 32a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm0 0"
/>
<path
fill="url(#e)"
d="M384 304c-13.254 0-24 10.746-24 24s10.746 24 24 24 24-10.746 24-24-10.746-24-24-24zm0 32a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm0 0"
/>
<path
fill="url(#f)"
d="M320 304c-13.254 0-24 10.746-24 24s10.746 24 24 24 24-10.746 24-24-10.746-24-24-24zm0 32a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm0 0"
/>
<path
fill="url(#g)"
d="M232 240H56a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h176a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm-8 32H64v-16h160zm0 0"
/>
<path
fill="url(#h)"
d="M312 288h80a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-80a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h64v16h-64zm0 0"
/>
</svg>
More icons in the same style and category