music albums icon
music-albums from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- music-albums
- Set
- Framework7 Icons
- Style
- Outline
- 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="M41.097 13.856c4.8 0 7.26 2.34 7.357 6.978l.003.287v27c0 4.728-2.337 7.163-6.395 7.263l-.262.003H14.285c-4.778 0-7.26-2.319-7.357-6.978l-.003-.288v-27c0-4.731 2.386-7.167 7.07-7.263l.29-.003zm-.047 3.773H14.355c-2.268 0-3.57 1.185-3.652 3.47l-.004.233v26.602c0 2.358 1.229 3.598 3.432 3.675l.224.004h27.398c1.562 0 2.84-1.158 2.925-3.432l.005-.247V21.332c0-2.359-1.23-3.62-3.411-3.7zm-6.982 6.237c1.07-.263 1.372.052 1.398.779l.002.112v4.16c0 1.113-.26 1.393-1.064 1.64l-.273.078l-4.965 1.188c-.456.1-.634.29-.656.954l-.002.15v7.278c0 3.077-2.058 5.263-5.093 5.263c-2.143 0-3.501-1.316-3.501-3.12c0-2.005 1.52-3.142 3.359-3.677l.206-.057l1.952-.51l.29-.086c.656-.21.813-.399.847-.942l.008-.237v-9.705c0-1.133.192-1.415.998-1.647l.276-.072zm5.014-17.042c2.262 0 3.28 1.093 3.664 3.088l.039.217H11.918c.339-2.06 1.29-3.223 3.465-3.3l.238-.005zM35.378.614c2.08 0 3.2.958 3.403 2.813l.02.21H16.065C16.2 1.716 17.274.688 19.284.617l.227-.004z"/></svg>
React
import type { SVGProps } from "react";
export function F7MusicAlbums(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="M41.097 13.856c4.8 0 7.26 2.34 7.357 6.978l.003.287v27c0 4.728-2.337 7.163-6.395 7.263l-.262.003H14.285c-4.778 0-7.26-2.319-7.357-6.978l-.003-.288v-27c0-4.731 2.386-7.167 7.07-7.263l.29-.003zm-.047 3.773H14.355c-2.268 0-3.57 1.185-3.652 3.47l-.004.233v26.602c0 2.358 1.229 3.598 3.432 3.675l.224.004h27.398c1.562 0 2.84-1.158 2.925-3.432l.005-.247V21.332c0-2.359-1.23-3.62-3.411-3.7zm-6.982 6.237c1.07-.263 1.372.052 1.398.779l.002.112v4.16c0 1.113-.26 1.393-1.064 1.64l-.273.078l-4.965 1.188c-.456.1-.634.29-.656.954l-.002.15v7.278c0 3.077-2.058 5.263-5.093 5.263c-2.143 0-3.501-1.316-3.501-3.12c0-2.005 1.52-3.142 3.359-3.677l.206-.057l1.952-.51l.29-.086c.656-.21.813-.399.847-.942l.008-.237v-9.705c0-1.133.192-1.415.998-1.647l.276-.072zm5.014-17.042c2.262 0 3.28 1.093 3.664 3.088l.039.217H11.918c.339-2.06 1.29-3.223 3.465-3.3l.238-.005zM35.378.614c2.08 0 3.2.958 3.403 2.813l.02.21H16.065C16.2 1.716 17.274.688 19.284.617l.227-.004z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M41.097 13.856c4.8 0 7.26 2.34 7.357 6.978l.003.287v27c0 4.728-2.337 7.163-6.395 7.263l-.262.003H14.285c-4.778 0-7.26-2.319-7.357-6.978l-.003-.288v-27c0-4.731 2.386-7.167 7.07-7.263l.29-.003zm-.047 3.773H14.355c-2.268 0-3.57 1.185-3.652 3.47l-.004.233v26.602c0 2.358 1.229 3.598 3.432 3.675l.224.004h27.398c1.562 0 2.84-1.158 2.925-3.432l.005-.247V21.332c0-2.359-1.23-3.62-3.411-3.7zm-6.982 6.237c1.07-.263 1.372.052 1.398.779l.002.112v4.16c0 1.113-.26 1.393-1.064 1.64l-.273.078l-4.965 1.188c-.456.1-.634.29-.656.954l-.002.15v7.278c0 3.077-2.058 5.263-5.093 5.263c-2.143 0-3.501-1.316-3.501-3.12c0-2.005 1.52-3.142 3.359-3.677l.206-.057l1.952-.51l.29-.086c.656-.21.813-.399.847-.942l.008-.237v-9.705c0-1.133.192-1.415.998-1.647l.276-.072zm5.014-17.042c2.262 0 3.28 1.093 3.664 3.088l.039.217H11.918c.339-2.06 1.29-3.223 3.465-3.3l.238-.005zM35.378.614c2.08 0 3.2.958 3.403 2.813l.02.21H16.065C16.2 1.716 17.274.688 19.284.617l.227-.004z"/></svg> </template>
CSS
.icon-music-albums {
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%22M41.097%2013.856c4.8%200%207.26%202.34%207.357%206.978l.003.287v27c0%204.728-2.337%207.163-6.395%207.263l-.262.003H14.285c-4.778%200-7.26-2.319-7.357-6.978l-.003-.288v-27c0-4.731%202.386-7.167%207.07-7.263l.29-.003zm-.047%203.773H14.355c-2.268%200-3.57%201.185-3.652%203.47l-.004.233v26.602c0%202.358%201.229%203.598%203.432%203.675l.224.004h27.398c1.562%200%202.84-1.158%202.925-3.432l.005-.247V21.332c0-2.359-1.23-3.62-3.411-3.7zm-6.982%206.237c1.07-.263%201.372.052%201.398.779l.002.112v4.16c0%201.113-.26%201.393-1.064%201.64l-.273.078l-4.965%201.188c-.456.1-.634.29-.656.954l-.002.15v7.278c0%203.077-2.058%205.263-5.093%205.263c-2.143%200-3.501-1.316-3.501-3.12c0-2.005%201.52-3.142%203.359-3.677l.206-.057l1.952-.51l.29-.086c.656-.21.813-.399.847-.942l.008-.237v-9.705c0-1.133.192-1.415.998-1.647l.276-.072zm5.014-17.042c2.262%200%203.28%201.093%203.664%203.088l.039.217H11.918c.339-2.06%201.29-3.223%203.465-3.3l.238-.005zM35.378.614c2.08%200%203.2.958%203.403%202.813l.02.21H16.065C16.2%201.716%2017.274.688%2019.284.617l.227-.004z%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%22M41.097%2013.856c4.8%200%207.26%202.34%207.357%206.978l.003.287v27c0%204.728-2.337%207.163-6.395%207.263l-.262.003H14.285c-4.778%200-7.26-2.319-7.357-6.978l-.003-.288v-27c0-4.731%202.386-7.167%207.07-7.263l.29-.003zm-.047%203.773H14.355c-2.268%200-3.57%201.185-3.652%203.47l-.004.233v26.602c0%202.358%201.229%203.598%203.432%203.675l.224.004h27.398c1.562%200%202.84-1.158%202.925-3.432l.005-.247V21.332c0-2.359-1.23-3.62-3.411-3.7zm-6.982%206.237c1.07-.263%201.372.052%201.398.779l.002.112v4.16c0%201.113-.26%201.393-1.064%201.64l-.273.078l-4.965%201.188c-.456.1-.634.29-.656.954l-.002.15v7.278c0%203.077-2.058%205.263-5.093%205.263c-2.143%200-3.501-1.316-3.501-3.12c0-2.005%201.52-3.142%203.359-3.677l.206-.057l1.952-.51l.29-.086c.656-.21.813-.399.847-.942l.008-.237v-9.705c0-1.133.192-1.415.998-1.647l.276-.072zm5.014-17.042c2.262%200%203.28%201.093%203.664%203.088l.039.217H11.918c.339-2.06%201.29-3.223%203.465-3.3l.238-.005zM35.378.614c2.08%200%203.2.958%203.403%202.813l.02.21H16.065C16.2%201.716%2017.274.688%2019.284.617l.227-.004z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/music-albums.svg?color=%231a73e8&size=48
