turntable icon
turntable-line-duotone from Solar by 480 Design · Line Duotone · Devices · CC-BY-4.0 Attribution required.
- Name
- turntable-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
airbuds-boldairbuds-case-boldairbuds-case-charge-boldairbuds-case-minimalistic-boldairbuds-case-open-boldairbuds-charge-boldairbuds-check-boldairbuds-left-boldairbuds-remove-boldairbuds-right-boldbinoculars-boldbluetooth-boldbluetooth-circle-boldbluetooth-square-boldbluetooth-wave-boldboombox-boldbot-boldcassette-2-boldcassette-boldcloud-storage-boldcpu-boldcpu-bolt-bolddevices-bolddiskette-bold
Use the turntable 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="M2 12C2 7.28595 2 4.92893 3.17157 3.46447C4.34315 2 6.22876 2 10 2H14C17.7712 2 19.6569 2 20.8284 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.8284 20.5355C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.5355C2 19.0711 2 16.714 2 12Z"/><rect width="8" height="8" x="6" y="8" rx="4"/><path stroke-linecap="round" d="M17 10.5C17.8284 10.5 18.5 9.82843 18.5 9C18.5 8.17157 17.8284 7.5 17 7.5C16.1716 7.5 15.5 8.17157 15.5 9C15.5 9.82843 16.1716 10.5 17 10.5ZM17 10.5V14.7639C17 15.5215 16.572 16.214 15.8944 16.5528L15 17" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarTurntableLineDuotone(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="M2 12C2 7.28595 2 4.92893 3.17157 3.46447C4.34315 2 6.22876 2 10 2H14C17.7712 2 19.6569 2 20.8284 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.8284 20.5355C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.5355C2 19.0711 2 16.714 2 12Z"/><rect width="8" height="8" x="6" y="8" rx="4"/><path strokeLinecap="round" d="M17 10.5C17.8284 10.5 18.5 9.82843 18.5 9C18.5 8.17157 17.8284 7.5 17 7.5C16.1716 7.5 15.5 8.17157 15.5 9C15.5 9.82843 16.1716 10.5 17 10.5ZM17 10.5V14.7639C17 15.5215 16.572 16.214 15.8944 16.5528L15 17" 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="M2 12C2 7.28595 2 4.92893 3.17157 3.46447C4.34315 2 6.22876 2 10 2H14C17.7712 2 19.6569 2 20.8284 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.8284 20.5355C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.5355C2 19.0711 2 16.714 2 12Z"/><rect width="8" height="8" x="6" y="8" rx="4"/><path stroke-linecap="round" d="M17 10.5C17.8284 10.5 18.5 9.82843 18.5 9C18.5 8.17157 17.8284 7.5 17 7.5C16.1716 7.5 15.5 8.17157 15.5 9C15.5 9.82843 16.1716 10.5 17 10.5ZM17 10.5V14.7639C17 15.5215 16.572 16.214 15.8944 16.5528L15 17" opacity=".5"/></g></svg> </template>
CSS
.icon-turntable-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%22M2%2012C2%207.28595%202%204.92893%203.17157%203.46447C4.34315%202%206.22876%202%2010%202H14C17.7712%202%2019.6569%202%2020.8284%203.46447C22%204.92893%2022%207.28595%2022%2012C22%2016.714%2022%2019.0711%2020.8284%2020.5355C19.6569%2022%2017.7712%2022%2014%2022H10C6.22876%2022%204.34315%2022%203.17157%2020.5355C2%2019.0711%202%2016.714%202%2012Z%22%2F%3E%3Crect%20width%3D%228%22%20height%3D%228%22%20x%3D%226%22%20y%3D%228%22%20rx%3D%224%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M17%2010.5C17.8284%2010.5%2018.5%209.82843%2018.5%209C18.5%208.17157%2017.8284%207.5%2017%207.5C16.1716%207.5%2015.5%208.17157%2015.5%209C15.5%209.82843%2016.1716%2010.5%2017%2010.5ZM17%2010.5V14.7639C17%2015.5215%2016.572%2016.214%2015.8944%2016.5528L15%2017%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%22M2%2012C2%207.28595%202%204.92893%203.17157%203.46447C4.34315%202%206.22876%202%2010%202H14C17.7712%202%2019.6569%202%2020.8284%203.46447C22%204.92893%2022%207.28595%2022%2012C22%2016.714%2022%2019.0711%2020.8284%2020.5355C19.6569%2022%2017.7712%2022%2014%2022H10C6.22876%2022%204.34315%2022%203.17157%2020.5355C2%2019.0711%202%2016.714%202%2012Z%22%2F%3E%3Crect%20width%3D%228%22%20height%3D%228%22%20x%3D%226%22%20y%3D%228%22%20rx%3D%224%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M17%2010.5C17.8284%2010.5%2018.5%209.82843%2018.5%209C18.5%208.17157%2017.8284%207.5%2017%207.5C16.1716%207.5%2015.5%208.17157%2015.5%209C15.5%209.82843%2016.1716%2010.5%2017%2010.5ZM17%2010.5V14.7639C17%2015.5215%2016.572%2016.214%2015.8944%2016.5528L15%2017%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/turntable-line-duotone.svg?color=%231a73e8&size=48
