burning cd icon
burning-cd from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- burning-cd
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Use the burning cd 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="M15 16.5c0 2.346 0 3.518-.676 4.326a3.2 3.2 0 0 1-.604.554C12.838 22 11.559 22 9 22s-3.838 0-4.72-.62a3.2 3.2 0 0 1-.604-.554C3 20.018 3 18.846 3 16.5v-9c0-2.346 0-3.518.676-4.326a3.2 3.2 0 0 1 .604-.554C5.162 2 6.441 2 9 2s3.838 0 4.72.62q.341.241.604.554C15 3.982 15 5.154 15 7.5z"/><path stroke-linecap="round" d="M12 13.5v-3"/><path d="M15 15a3 3 0 1 0 0-6"/><path stroke-linecap="round" d="M15 19a7 7 0 1 0 0-14"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsBurningCd(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="M15 16.5c0 2.346 0 3.518-.676 4.326a3.2 3.2 0 0 1-.604.554C12.838 22 11.559 22 9 22s-3.838 0-4.72-.62a3.2 3.2 0 0 1-.604-.554C3 20.018 3 18.846 3 16.5v-9c0-2.346 0-3.518.676-4.326a3.2 3.2 0 0 1 .604-.554C5.162 2 6.441 2 9 2s3.838 0 4.72.62q.341.241.604.554C15 3.982 15 5.154 15 7.5z"/><path strokeLinecap="round" d="M12 13.5v-3"/><path d="M15 15a3 3 0 1 0 0-6"/><path strokeLinecap="round" d="M15 19a7 7 0 1 0 0-14"/></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="M15 16.5c0 2.346 0 3.518-.676 4.326a3.2 3.2 0 0 1-.604.554C12.838 22 11.559 22 9 22s-3.838 0-4.72-.62a3.2 3.2 0 0 1-.604-.554C3 20.018 3 18.846 3 16.5v-9c0-2.346 0-3.518.676-4.326a3.2 3.2 0 0 1 .604-.554C5.162 2 6.441 2 9 2s3.838 0 4.72.62q.341.241.604.554C15 3.982 15 5.154 15 7.5z"/><path stroke-linecap="round" d="M12 13.5v-3"/><path d="M15 15a3 3 0 1 0 0-6"/><path stroke-linecap="round" d="M15 19a7 7 0 1 0 0-14"/></g></svg> </template>
CSS
.icon-burning-cd {
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%22M15%2016.5c0%202.346%200%203.518-.676%204.326a3.2%203.2%200%200%201-.604.554C12.838%2022%2011.559%2022%209%2022s-3.838%200-4.72-.62a3.2%203.2%200%200%201-.604-.554C3%2020.018%203%2018.846%203%2016.5v-9c0-2.346%200-3.518.676-4.326a3.2%203.2%200%200%201%20.604-.554C5.162%202%206.441%202%209%202s3.838%200%204.72.62q.341.241.604.554C15%203.982%2015%205.154%2015%207.5z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M12%2013.5v-3%22%2F%3E%3Cpath%20d%3D%22M15%2015a3%203%200%201%200%200-6%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M15%2019a7%207%200%201%200%200-14%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%22M15%2016.5c0%202.346%200%203.518-.676%204.326a3.2%203.2%200%200%201-.604.554C12.838%2022%2011.559%2022%209%2022s-3.838%200-4.72-.62a3.2%203.2%200%200%201-.604-.554C3%2020.018%203%2018.846%203%2016.5v-9c0-2.346%200-3.518.676-4.326a3.2%203.2%200%200%201%20.604-.554C5.162%202%206.441%202%209%202s3.838%200%204.72.62q.341.241.604.554C15%203.982%2015%205.154%2015%207.5z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M12%2013.5v-3%22%2F%3E%3Cpath%20d%3D%22M15%2015a3%203%200%201%200%200-6%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M15%2019a7%207%200%201%200%200-14%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/burning-cd.svg?color=%231a73e8&size=48
