sd card icon

sd-card-line-duotone from Solar by 480 Design · Line Duotone · Devices · CC-BY-4.0 Attribution required.

Name
sd-card-line-duotone
Set
Solar
Style
Line Duotone
Category
Devices
Viewbox
24×24
License
CC BY 4.0

5 other variants in Solar

The same icon in other sets

More devices icons from Solar

Use the sd card icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M3.46447 20.5355C4.92893 22 7.28595 22 12 22C16.714 22 19.0711 22 20.5355 20.5355C22 19.0711 22 16.714 22 12C22 11.6585 22 11.4878 21.9848 11.3142C21.9142 10.5049 21.586 9.71257 21.0637 9.09034C20.9516 8.95687 20.828 8.83317 20.5806 8.58578L15.4142 3.41944C15.1668 3.17206 15.0431 3.04835 14.9097 2.93631C14.2874 2.414 13.4951 2.08581 12.6858 2.01515C12.5122 2 12.3415 2 12 2C7.28595 2 4.92893 2 3.46447 3.46447C2 4.92893 2 7.28595 2 12C2 16.714 2 19.0711 3.46447 20.5355Z"/><path stroke-linecap="round" d="M7 6V9" opacity=".5"/><path stroke-linecap="round" d="M10 6V9"/><path stroke-linecap="round" d="M13 6V9" opacity=".5"/></g></svg>

React

import type { SVGProps } from "react";

export function SolarSdCardLineDuotone(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" stroke="currentColor" strokeWidth="1.5"><path d="M3.46447 20.5355C4.92893 22 7.28595 22 12 22C16.714 22 19.0711 22 20.5355 20.5355C22 19.0711 22 16.714 22 12C22 11.6585 22 11.4878 21.9848 11.3142C21.9142 10.5049 21.586 9.71257 21.0637 9.09034C20.9516 8.95687 20.828 8.83317 20.5806 8.58578L15.4142 3.41944C15.1668 3.17206 15.0431 3.04835 14.9097 2.93631C14.2874 2.414 13.4951 2.08581 12.6858 2.01515C12.5122 2 12.3415 2 12 2C7.28595 2 4.92893 2 3.46447 3.46447C2 4.92893 2 7.28595 2 12C2 16.714 2 19.0711 3.46447 20.5355Z"/><path strokeLinecap="round" d="M7 6V9" opacity=".5"/><path strokeLinecap="round" d="M10 6V9"/><path strokeLinecap="round" d="M13 6V9" opacity=".5"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M3.46447 20.5355C4.92893 22 7.28595 22 12 22C16.714 22 19.0711 22 20.5355 20.5355C22 19.0711 22 16.714 22 12C22 11.6585 22 11.4878 21.9848 11.3142C21.9142 10.5049 21.586 9.71257 21.0637 9.09034C20.9516 8.95687 20.828 8.83317 20.5806 8.58578L15.4142 3.41944C15.1668 3.17206 15.0431 3.04835 14.9097 2.93631C14.2874 2.414 13.4951 2.08581 12.6858 2.01515C12.5122 2 12.3415 2 12 2C7.28595 2 4.92893 2 3.46447 3.46447C2 4.92893 2 7.28595 2 12C2 16.714 2 19.0711 3.46447 20.5355Z"/><path stroke-linecap="round" d="M7 6V9" opacity=".5"/><path stroke-linecap="round" d="M10 6V9"/><path stroke-linecap="round" d="M13 6V9" opacity=".5"/></g></svg>
</template>

CSS

.icon-sd-card-line-duotone {
  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%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M3.46447%2020.5355C4.92893%2022%207.28595%2022%2012%2022C16.714%2022%2019.0711%2022%2020.5355%2020.5355C22%2019.0711%2022%2016.714%2022%2012C22%2011.6585%2022%2011.4878%2021.9848%2011.3142C21.9142%2010.5049%2021.586%209.71257%2021.0637%209.09034C20.9516%208.95687%2020.828%208.83317%2020.5806%208.58578L15.4142%203.41944C15.1668%203.17206%2015.0431%203.04835%2014.9097%202.93631C14.2874%202.414%2013.4951%202.08581%2012.6858%202.01515C12.5122%202%2012.3415%202%2012%202C7.28595%202%204.92893%202%203.46447%203.46447C2%204.92893%202%207.28595%202%2012C2%2016.714%202%2019.0711%203.46447%2020.5355Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M7%206V9%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M10%206V9%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M13%206V9%22%20opacity%3D%22.5%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%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M3.46447%2020.5355C4.92893%2022%207.28595%2022%2012%2022C16.714%2022%2019.0711%2022%2020.5355%2020.5355C22%2019.0711%2022%2016.714%2022%2012C22%2011.6585%2022%2011.4878%2021.9848%2011.3142C21.9142%2010.5049%2021.586%209.71257%2021.0637%209.09034C20.9516%208.95687%2020.828%208.83317%2020.5806%208.58578L15.4142%203.41944C15.1668%203.17206%2015.0431%203.04835%2014.9097%202.93631C14.2874%202.414%2013.4951%202.08581%2012.6858%202.01515C12.5122%202%2012.3415%202%2012%202C7.28595%202%204.92893%202%203.46447%203.46447C2%204.92893%202%207.28595%202%2012C2%2016.714%202%2019.0711%203.46447%2020.5355Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M7%206V9%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M10%206V9%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M13%206V9%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/sd-card-line-duotone.svg?color=%231a73e8&size=48