music albums icon
music-albums-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.
- Name
- music-albums-fill
- Set
- Framework7 Icons
- Style
- Fill
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
Related icons in Framework7 Icons
Use the music albums icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M16.844 3.637c.14-1.992 1.289-3.024 3.445-3.024h14.93c2.156 0 3.281 1.032 3.422 3.024zm-4.149 6.492c.352-2.133 1.36-3.305 3.703-3.305h22.524c2.344 0 3.351 1.172 3.703 3.305zm1.899 45.258c-4.875 0-7.36-2.414-7.36-7.266v-27c0-4.828 2.485-7.265 7.36-7.265h26.812c4.899 0 7.36 2.437 7.36 7.265v27c0 4.828-2.438 7.266-6.657 7.266zM34.44 30.635c1.019-.276 1.337-.488 1.337-1.719v-4.159c0-.806-.276-1.167-1.4-.891l-6.218 1.549c-1.04.255-1.273.467-1.273 1.719v9.57c0 .934-.085 1.104-1.146 1.4l-1.952.51c-1.931.51-3.565 1.655-3.565 3.735c0 1.803 1.358 3.119 3.501 3.119c3.035 0 5.093-2.186 5.093-5.263v-7.278c0-.785.17-.997.658-1.104z"/></svg>
React
import type { SVGProps } from "react";
export function F7MusicAlbumsFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M16.844 3.637c.14-1.992 1.289-3.024 3.445-3.024h14.93c2.156 0 3.281 1.032 3.422 3.024zm-4.149 6.492c.352-2.133 1.36-3.305 3.703-3.305h22.524c2.344 0 3.351 1.172 3.703 3.305zm1.899 45.258c-4.875 0-7.36-2.414-7.36-7.266v-27c0-4.828 2.485-7.265 7.36-7.265h26.812c4.899 0 7.36 2.437 7.36 7.265v27c0 4.828-2.438 7.266-6.657 7.266zM34.44 30.635c1.019-.276 1.337-.488 1.337-1.719v-4.159c0-.806-.276-1.167-1.4-.891l-6.218 1.549c-1.04.255-1.273.467-1.273 1.719v9.57c0 .934-.085 1.104-1.146 1.4l-1.952.51c-1.931.51-3.565 1.655-3.565 3.735c0 1.803 1.358 3.119 3.501 3.119c3.035 0 5.093-2.186 5.093-5.263v-7.278c0-.785.17-.997.658-1.104z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M16.844 3.637c.14-1.992 1.289-3.024 3.445-3.024h14.93c2.156 0 3.281 1.032 3.422 3.024zm-4.149 6.492c.352-2.133 1.36-3.305 3.703-3.305h22.524c2.344 0 3.351 1.172 3.703 3.305zm1.899 45.258c-4.875 0-7.36-2.414-7.36-7.266v-27c0-4.828 2.485-7.265 7.36-7.265h26.812c4.899 0 7.36 2.437 7.36 7.265v27c0 4.828-2.438 7.266-6.657 7.266zM34.44 30.635c1.019-.276 1.337-.488 1.337-1.719v-4.159c0-.806-.276-1.167-1.4-.891l-6.218 1.549c-1.04.255-1.273.467-1.273 1.719v9.57c0 .934-.085 1.104-1.146 1.4l-1.952.51c-1.931.51-3.565 1.655-3.565 3.735c0 1.803 1.358 3.119 3.501 3.119c3.035 0 5.093-2.186 5.093-5.263v-7.278c0-.785.17-.997.658-1.104z"/></svg> </template>
CSS
.icon-music-albums-fill {
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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.844%203.637c.14-1.992%201.289-3.024%203.445-3.024h14.93c2.156%200%203.281%201.032%203.422%203.024zm-4.149%206.492c.352-2.133%201.36-3.305%203.703-3.305h22.524c2.344%200%203.351%201.172%203.703%203.305zm1.899%2045.258c-4.875%200-7.36-2.414-7.36-7.266v-27c0-4.828%202.485-7.265%207.36-7.265h26.812c4.899%200%207.36%202.437%207.36%207.265v27c0%204.828-2.438%207.266-6.657%207.266zM34.44%2030.635c1.019-.276%201.337-.488%201.337-1.719v-4.159c0-.806-.276-1.167-1.4-.891l-6.218%201.549c-1.04.255-1.273.467-1.273%201.719v9.57c0%20.934-.085%201.104-1.146%201.4l-1.952.51c-1.931.51-3.565%201.655-3.565%203.735c0%201.803%201.358%203.119%203.501%203.119c3.035%200%205.093-2.186%205.093-5.263v-7.278c0-.785.17-.997.658-1.104z%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.844%203.637c.14-1.992%201.289-3.024%203.445-3.024h14.93c2.156%200%203.281%201.032%203.422%203.024zm-4.149%206.492c.352-2.133%201.36-3.305%203.703-3.305h22.524c2.344%200%203.351%201.172%203.703%203.305zm1.899%2045.258c-4.875%200-7.36-2.414-7.36-7.266v-27c0-4.828%202.485-7.265%207.36-7.265h26.812c4.899%200%207.36%202.437%207.36%207.265v27c0%204.828-2.438%207.266-6.657%207.266zM34.44%2030.635c1.019-.276%201.337-.488%201.337-1.719v-4.159c0-.806-.276-1.167-1.4-.891l-6.218%201.549c-1.04.255-1.273.467-1.273%201.719v9.57c0%20.934-.085%201.104-1.146%201.4l-1.952.51c-1.931.51-3.565%201.655-3.565%203.735c0%201.803%201.358%203.119%203.501%203.119c3.035%200%205.093-2.186%205.093-5.263v-7.278c0-.785.17-.997.658-1.104z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/music-albums-fill.svg?color=%231a73e8&size=48
