airpod 03 icon
airpod-03 from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- airpod-03
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Related icons in Huge Icons
Use the airpod 03 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M7.33 10.846a4.5 4.5 0 0 1-2.663.266C3.07 10.777 2 9.717 2 8.056V6.129C2 4.122 3.526 2.98 5.556 3C7.81 3.023 10.5 4.764 10.5 7.507v11.91c0 .544 0 .816-.103 1.025c-.29.588-.911.558-1.48.558c-.57 0-1.19.03-1.48-.558c-.104-.209-.104-.481-.104-1.025v-8.312q0-.133-.003-.259Zm0 0l.003-.001m-.003.001C7.297 9.682 7 8.5 6 8.5m10.67 2.346a4.5 4.5 0 0 0 2.663.266C20.93 10.777 22 9.717 22 8.056V6.129C22 4.124 20.387 2.98 18.444 3C16.19 3.023 13.5 4.764 13.5 7.507v11.91c0 .544 0 .816.103 1.025c.29.588.911.558 1.48.558c.57 0 1.19.03 1.48-.558c.104-.209.104-.481.104-1.025v-8.312q0-.133.003-.259Zm0 0l-.003-.001m.003.001C16.703 9.682 17 8.5 18 8.5"/></svg>
React
import type { SVGProps } from "react";
export function HugeiconsAirpod03(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5" d="M7.33 10.846a4.5 4.5 0 0 1-2.663.266C3.07 10.777 2 9.717 2 8.056V6.129C2 4.122 3.526 2.98 5.556 3C7.81 3.023 10.5 4.764 10.5 7.507v11.91c0 .544 0 .816-.103 1.025c-.29.588-.911.558-1.48.558c-.57 0-1.19.03-1.48-.558c-.104-.209-.104-.481-.104-1.025v-8.312q0-.133-.003-.259Zm0 0l.003-.001m-.003.001C7.297 9.682 7 8.5 6 8.5m10.67 2.346a4.5 4.5 0 0 0 2.663.266C20.93 10.777 22 9.717 22 8.056V6.129C22 4.124 20.387 2.98 18.444 3C16.19 3.023 13.5 4.764 13.5 7.507v11.91c0 .544 0 .816.103 1.025c.29.588.911.558 1.48.558c.57 0 1.19.03 1.48-.558c.104-.209.104-.481.104-1.025v-8.312q0-.133.003-.259Zm0 0l-.003-.001m.003.001C16.703 9.682 17 8.5 18 8.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M7.33 10.846a4.5 4.5 0 0 1-2.663.266C3.07 10.777 2 9.717 2 8.056V6.129C2 4.122 3.526 2.98 5.556 3C7.81 3.023 10.5 4.764 10.5 7.507v11.91c0 .544 0 .816-.103 1.025c-.29.588-.911.558-1.48.558c-.57 0-1.19.03-1.48-.558c-.104-.209-.104-.481-.104-1.025v-8.312q0-.133-.003-.259Zm0 0l.003-.001m-.003.001C7.297 9.682 7 8.5 6 8.5m10.67 2.346a4.5 4.5 0 0 0 2.663.266C20.93 10.777 22 9.717 22 8.056V6.129C22 4.124 20.387 2.98 18.444 3C16.19 3.023 13.5 4.764 13.5 7.507v11.91c0 .544 0 .816.103 1.025c.29.588.911.558 1.48.558c.57 0 1.19.03 1.48-.558c.104-.209.104-.481.104-1.025v-8.312q0-.133.003-.259Zm0 0l-.003-.001m.003.001C16.703 9.682 17 8.5 18 8.5"/></svg> </template>
CSS
.icon-airpod-03 {
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%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M7.33%2010.846a4.5%204.5%200%200%201-2.663.266C3.07%2010.777%202%209.717%202%208.056V6.129C2%204.122%203.526%202.98%205.556%203C7.81%203.023%2010.5%204.764%2010.5%207.507v11.91c0%20.544%200%20.816-.103%201.025c-.29.588-.911.558-1.48.558c-.57%200-1.19.03-1.48-.558c-.104-.209-.104-.481-.104-1.025v-8.312q0-.133-.003-.259Zm0%200l.003-.001m-.003.001C7.297%209.682%207%208.5%206%208.5m10.67%202.346a4.5%204.5%200%200%200%202.663.266C20.93%2010.777%2022%209.717%2022%208.056V6.129C22%204.124%2020.387%202.98%2018.444%203C16.19%203.023%2013.5%204.764%2013.5%207.507v11.91c0%20.544%200%20.816.103%201.025c.29.588.911.558%201.48.558c.57%200%201.19.03%201.48-.558c.104-.209.104-.481.104-1.025v-8.312q0-.133.003-.259Zm0%200l-.003-.001m.003.001C16.703%209.682%2017%208.5%2018%208.5%22%2F%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%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M7.33%2010.846a4.5%204.5%200%200%201-2.663.266C3.07%2010.777%202%209.717%202%208.056V6.129C2%204.122%203.526%202.98%205.556%203C7.81%203.023%2010.5%204.764%2010.5%207.507v11.91c0%20.544%200%20.816-.103%201.025c-.29.588-.911.558-1.48.558c-.57%200-1.19.03-1.48-.558c-.104-.209-.104-.481-.104-1.025v-8.312q0-.133-.003-.259Zm0%200l.003-.001m-.003.001C7.297%209.682%207%208.5%206%208.5m10.67%202.346a4.5%204.5%200%200%200%202.663.266C20.93%2010.777%2022%209.717%2022%208.056V6.129C22%204.124%2020.387%202.98%2018.444%203C16.19%203.023%2013.5%204.764%2013.5%207.507v11.91c0%20.544%200%20.816.103%201.025c.29.588.911.558%201.48.558c.57%200%201.19.03%201.48-.558c.104-.209.104-.481.104-1.025v-8.312q0-.133.003-.259Zm0%200l-.003-.001m.003.001C16.703%209.682%2017%208.5%2018%208.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/airpod-03.svg?color=%231a73e8&size=48
