usb drive icon
usb-drive-duotone from Keyline Icons by Keyline Icons · Duotone · MIT Free for personal and commercial use.
- Name
- usb-drive-duotone
- Set
- Keyline Icons
- Style
- Duotone
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
Use the usb drive icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-opacity=".4" d="M4 3L12 3C13.2713 3 14.4046 3.8014 14.8284 5L20 5C21.6569 5 23 6.3431 23 8L23 16C23 17.6569 21.6569 19 20 19L14.8284 19C14.4046 20.1986 13.2713 21 12 21L4 21C2.3431 21 1 19.6569 1 18L1 6C1 4.3431 2.3431 3 4 3Z"/><path fill-rule="evenodd" d="M4 3L12 3C13.6569 3 15 4.3431 15 6L15 18C15 19.6569 13.6569 21 12 21L4 21C2.3431 21 1 19.6569 1 18L1 6C1 4.3431 2.3431 3 4 3ZM19 10C19 10.5523 18.5523 11 18 11C17.4477 11 17 10.5523 17 10C17 9.4477 17.4477 9 18 9C18.5523 9 19 9.4477 19 10ZM19 14C19 14.5523 18.5523 15 18 15C17.4477 15 17 14.5523 17 14C17 13.4477 17.4477 13 18 13C18.5523 13 19 13.4477 19 14Z" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsUsbDriveDuotone(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 fillOpacity=".4" d="M4 3L12 3C13.2713 3 14.4046 3.8014 14.8284 5L20 5C21.6569 5 23 6.3431 23 8L23 16C23 17.6569 21.6569 19 20 19L14.8284 19C14.4046 20.1986 13.2713 21 12 21L4 21C2.3431 21 1 19.6569 1 18L1 6C1 4.3431 2.3431 3 4 3Z"/><path fillRule="evenodd" d="M4 3L12 3C13.6569 3 15 4.3431 15 6L15 18C15 19.6569 13.6569 21 12 21L4 21C2.3431 21 1 19.6569 1 18L1 6C1 4.3431 2.3431 3 4 3ZM19 10C19 10.5523 18.5523 11 18 11C17.4477 11 17 10.5523 17 10C17 9.4477 17.4477 9 18 9C18.5523 9 19 9.4477 19 10ZM19 14C19 14.5523 18.5523 15 18 15C17.4477 15 17 14.5523 17 14C17 13.4477 17.4477 13 18 13C18.5523 13 19 13.4477 19 14Z" clipRule="evenodd"/></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 fill-opacity=".4" d="M4 3L12 3C13.2713 3 14.4046 3.8014 14.8284 5L20 5C21.6569 5 23 6.3431 23 8L23 16C23 17.6569 21.6569 19 20 19L14.8284 19C14.4046 20.1986 13.2713 21 12 21L4 21C2.3431 21 1 19.6569 1 18L1 6C1 4.3431 2.3431 3 4 3Z"/><path fill-rule="evenodd" d="M4 3L12 3C13.6569 3 15 4.3431 15 6L15 18C15 19.6569 13.6569 21 12 21L4 21C2.3431 21 1 19.6569 1 18L1 6C1 4.3431 2.3431 3 4 3ZM19 10C19 10.5523 18.5523 11 18 11C17.4477 11 17 10.5523 17 10C17 9.4477 17.4477 9 18 9C18.5523 9 19 9.4477 19 10ZM19 14C19 14.5523 18.5523 15 18 15C17.4477 15 17 14.5523 17 14C17 13.4477 17.4477 13 18 13C18.5523 13 19 13.4477 19 14Z" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-usb-drive-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%22currentColor%22%3E%3Cpath%20fill-opacity%3D%22.4%22%20d%3D%22M4%203L12%203C13.2713%203%2014.4046%203.8014%2014.8284%205L20%205C21.6569%205%2023%206.3431%2023%208L23%2016C23%2017.6569%2021.6569%2019%2020%2019L14.8284%2019C14.4046%2020.1986%2013.2713%2021%2012%2021L4%2021C2.3431%2021%201%2019.6569%201%2018L1%206C1%204.3431%202.3431%203%204%203Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M4%203L12%203C13.6569%203%2015%204.3431%2015%206L15%2018C15%2019.6569%2013.6569%2021%2012%2021L4%2021C2.3431%2021%201%2019.6569%201%2018L1%206C1%204.3431%202.3431%203%204%203ZM19%2010C19%2010.5523%2018.5523%2011%2018%2011C17.4477%2011%2017%2010.5523%2017%2010C17%209.4477%2017.4477%209%2018%209C18.5523%209%2019%209.4477%2019%2010ZM19%2014C19%2014.5523%2018.5523%2015%2018%2015C17.4477%2015%2017%2014.5523%2017%2014C17%2013.4477%2017.4477%2013%2018%2013C18.5523%2013%2019%2013.4477%2019%2014Z%22%20clip-rule%3D%22evenodd%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%20fill-opacity%3D%22.4%22%20d%3D%22M4%203L12%203C13.2713%203%2014.4046%203.8014%2014.8284%205L20%205C21.6569%205%2023%206.3431%2023%208L23%2016C23%2017.6569%2021.6569%2019%2020%2019L14.8284%2019C14.4046%2020.1986%2013.2713%2021%2012%2021L4%2021C2.3431%2021%201%2019.6569%201%2018L1%206C1%204.3431%202.3431%203%204%203Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M4%203L12%203C13.6569%203%2015%204.3431%2015%206L15%2018C15%2019.6569%2013.6569%2021%2012%2021L4%2021C2.3431%2021%201%2019.6569%201%2018L1%206C1%204.3431%202.3431%203%204%203ZM19%2010C19%2010.5523%2018.5523%2011%2018%2011C17.4477%2011%2017%2010.5523%2017%2010C17%209.4477%2017.4477%209%2018%209C18.5523%209%2019%209.4477%2019%2010ZM19%2014C19%2014.5523%2018.5523%2015%2018%2015C17.4477%2015%2017%2014.5523%2017%2014C17%2013.4477%2017.4477%2013%2018%2013C18.5523%2013%2019%2013.4477%2019%2014Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/usb-drive-duotone.svg?color=%231a73e8&size=48
