album icon
album from Reicon by REICON · Outline · Video · MIT Free for personal and commercial use.
- Name
- album
- Set
- Reicon
- Style
- Outline
- Category
- Video
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All album icons →albumBoxIcons v2albumBoxIcons v2 Solidalbum-20-filledFluent UI System Iconsalbumcss.ggalbumHuge IconsalbumIconoiralbumLucidealbumMaterial SymbolsalbumMaterial Symbols LightalbumMaterial Design Iconsalbum-fillMingCute IconalbumMyna UI IconsalbumPixelarticonsalbum-fillRemix Iconalbum-boldSolaralbumTabler Iconsalbum-outlinedWeUI Icon
More video icons from Reicon
cameracamera-addcamera-add2camera-altcamera-offcamera-recordcamera-rotatecamera-squarecamera2camera3clapperboardclapperboard-editclapperboard-openclapperboard-open-playclapperboard-playclapperboard-textexit-fullscreenexit-fullscreen-circleexit-fullscreen-squareexit-pipfast-forwardfast-forward-circlefilmforward-10s
Use the album icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M8.7 1.25h6.6c.22 0 .389 0 .536.016A2.75 2.75 0 0 1 18.29 3.87a2.886 2.886 0 0 1 2.052 2.887c.398.18.75.428 1.053.773c.616.704.804 1.565.812 2.57c.007.972-.157 2.202-.362 3.734l-.414 3.108c-.16 1.198-.289 2.168-.49 2.927c-.21.79-.518 1.445-1.097 1.953c-.58.507-1.27.726-2.081.83c-.78.098-1.757.098-2.966.098H9.202c-1.208 0-2.186 0-2.965-.099c-.811-.103-1.501-.322-2.08-.83c-.58-.507-.889-1.162-1.098-1.952c-.201-.76-.33-1.729-.49-2.927l-.415-3.108c-.204-1.532-.368-2.762-.36-3.733c.006-1.006.195-1.867.811-2.571a3 3 0 0 1 1.053-.773A2.886 2.886 0 0 1 5.71 3.87a2.75 2.75 0 0 1 2.454-2.604c.147-.016.315-.016.535-.016m-1.468 2.5h9.536a1.25 1.25 0 0 0-1.092-.993a5 5 0 0 0-.417-.007H8.74c-.28 0-.361.001-.417.007a1.25 1.25 0 0 0-1.092.993m-2.05 2.617c.942-.117 2.139-.117 3.613-.117h6.412c1.474 0 2.67 0 3.613.117a1.38 1.38 0 0 0-1.357-1.117H6.538c-.683 0-1.235.49-1.357 1.117m.074 1.504c-.824.116-1.241.327-1.521.647s-.435.76-.44 1.593c-.007.854.141 1.979.355 3.583l.057.425l.421-.305c1.088-.788 2.694-.749 3.729.107l3.838 3.177c.363.3.988.356 1.439.094l.267-.155c1.276-.743 2.986-.664 4.164.213l2.077 1.548a46 46 0 0 0 .31-2.104l.4-3c.214-1.604.362-2.729.356-3.583c-.006-.832-.16-1.273-.44-1.593s-.698-.531-1.522-.647c-.846-.12-1.98-.121-3.598-.121H8.853c-1.618 0-2.753.002-3.598.12m13.913 12.444l-2.5-1.862c-.683-.509-1.743-.568-2.514-.12l-.267.156c-.972.565-2.283.482-3.15-.235L6.9 15.077c-.498-.412-1.349-.441-1.892-.048l-1.076.78l.118.885c.168 1.26.286 2.134.46 2.79c.168.637.366.973.635 1.209c.27.235.63.387 1.282.47c.673.086 1.556.087 2.827.087h5.494c1.27 0 2.154-.001 2.827-.087c.653-.083 1.012-.235 1.281-.47c.117-.102.22-.222.313-.378M16.5 10.75a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5m-2.25.75a2.25 2.25 0 1 1 4.5 0a2.25 2.25 0 0 1-4.5 0" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconAlbum(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M8.7 1.25h6.6c.22 0 .389 0 .536.016A2.75 2.75 0 0 1 18.29 3.87a2.886 2.886 0 0 1 2.052 2.887c.398.18.75.428 1.053.773c.616.704.804 1.565.812 2.57c.007.972-.157 2.202-.362 3.734l-.414 3.108c-.16 1.198-.289 2.168-.49 2.927c-.21.79-.518 1.445-1.097 1.953c-.58.507-1.27.726-2.081.83c-.78.098-1.757.098-2.966.098H9.202c-1.208 0-2.186 0-2.965-.099c-.811-.103-1.501-.322-2.08-.83c-.58-.507-.889-1.162-1.098-1.952c-.201-.76-.33-1.729-.49-2.927l-.415-3.108c-.204-1.532-.368-2.762-.36-3.733c.006-1.006.195-1.867.811-2.571a3 3 0 0 1 1.053-.773A2.886 2.886 0 0 1 5.71 3.87a2.75 2.75 0 0 1 2.454-2.604c.147-.016.315-.016.535-.016m-1.468 2.5h9.536a1.25 1.25 0 0 0-1.092-.993a5 5 0 0 0-.417-.007H8.74c-.28 0-.361.001-.417.007a1.25 1.25 0 0 0-1.092.993m-2.05 2.617c.942-.117 2.139-.117 3.613-.117h6.412c1.474 0 2.67 0 3.613.117a1.38 1.38 0 0 0-1.357-1.117H6.538c-.683 0-1.235.49-1.357 1.117m.074 1.504c-.824.116-1.241.327-1.521.647s-.435.76-.44 1.593c-.007.854.141 1.979.355 3.583l.057.425l.421-.305c1.088-.788 2.694-.749 3.729.107l3.838 3.177c.363.3.988.356 1.439.094l.267-.155c1.276-.743 2.986-.664 4.164.213l2.077 1.548a46 46 0 0 0 .31-2.104l.4-3c.214-1.604.362-2.729.356-3.583c-.006-.832-.16-1.273-.44-1.593s-.698-.531-1.522-.647c-.846-.12-1.98-.121-3.598-.121H8.853c-1.618 0-2.753.002-3.598.12m13.913 12.444l-2.5-1.862c-.683-.509-1.743-.568-2.514-.12l-.267.156c-.972.565-2.283.482-3.15-.235L6.9 15.077c-.498-.412-1.349-.441-1.892-.048l-1.076.78l.118.885c.168 1.26.286 2.134.46 2.79c.168.637.366.973.635 1.209c.27.235.63.387 1.282.47c.673.086 1.556.087 2.827.087h5.494c1.27 0 2.154-.001 2.827-.087c.653-.083 1.012-.235 1.281-.47c.117-.102.22-.222.313-.378M16.5 10.75a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5m-2.25.75a2.25 2.25 0 1 1 4.5 0a2.25 2.25 0 0 1-4.5 0" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M8.7 1.25h6.6c.22 0 .389 0 .536.016A2.75 2.75 0 0 1 18.29 3.87a2.886 2.886 0 0 1 2.052 2.887c.398.18.75.428 1.053.773c.616.704.804 1.565.812 2.57c.007.972-.157 2.202-.362 3.734l-.414 3.108c-.16 1.198-.289 2.168-.49 2.927c-.21.79-.518 1.445-1.097 1.953c-.58.507-1.27.726-2.081.83c-.78.098-1.757.098-2.966.098H9.202c-1.208 0-2.186 0-2.965-.099c-.811-.103-1.501-.322-2.08-.83c-.58-.507-.889-1.162-1.098-1.952c-.201-.76-.33-1.729-.49-2.927l-.415-3.108c-.204-1.532-.368-2.762-.36-3.733c.006-1.006.195-1.867.811-2.571a3 3 0 0 1 1.053-.773A2.886 2.886 0 0 1 5.71 3.87a2.75 2.75 0 0 1 2.454-2.604c.147-.016.315-.016.535-.016m-1.468 2.5h9.536a1.25 1.25 0 0 0-1.092-.993a5 5 0 0 0-.417-.007H8.74c-.28 0-.361.001-.417.007a1.25 1.25 0 0 0-1.092.993m-2.05 2.617c.942-.117 2.139-.117 3.613-.117h6.412c1.474 0 2.67 0 3.613.117a1.38 1.38 0 0 0-1.357-1.117H6.538c-.683 0-1.235.49-1.357 1.117m.074 1.504c-.824.116-1.241.327-1.521.647s-.435.76-.44 1.593c-.007.854.141 1.979.355 3.583l.057.425l.421-.305c1.088-.788 2.694-.749 3.729.107l3.838 3.177c.363.3.988.356 1.439.094l.267-.155c1.276-.743 2.986-.664 4.164.213l2.077 1.548a46 46 0 0 0 .31-2.104l.4-3c.214-1.604.362-2.729.356-3.583c-.006-.832-.16-1.273-.44-1.593s-.698-.531-1.522-.647c-.846-.12-1.98-.121-3.598-.121H8.853c-1.618 0-2.753.002-3.598.12m13.913 12.444l-2.5-1.862c-.683-.509-1.743-.568-2.514-.12l-.267.156c-.972.565-2.283.482-3.15-.235L6.9 15.077c-.498-.412-1.349-.441-1.892-.048l-1.076.78l.118.885c.168 1.26.286 2.134.46 2.79c.168.637.366.973.635 1.209c.27.235.63.387 1.282.47c.673.086 1.556.087 2.827.087h5.494c1.27 0 2.154-.001 2.827-.087c.653-.083 1.012-.235 1.281-.47c.117-.102.22-.222.313-.378M16.5 10.75a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5m-2.25.75a2.25 2.25 0 1 1 4.5 0a2.25 2.25 0 0 1-4.5 0" clip-rule="evenodd"/></svg> </template>
CSS
.icon-album {
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%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8.7%201.25h6.6c.22%200%20.389%200%20.536.016A2.75%202.75%200%200%201%2018.29%203.87a2.886%202.886%200%200%201%202.052%202.887c.398.18.75.428%201.053.773c.616.704.804%201.565.812%202.57c.007.972-.157%202.202-.362%203.734l-.414%203.108c-.16%201.198-.289%202.168-.49%202.927c-.21.79-.518%201.445-1.097%201.953c-.58.507-1.27.726-2.081.83c-.78.098-1.757.098-2.966.098H9.202c-1.208%200-2.186%200-2.965-.099c-.811-.103-1.501-.322-2.08-.83c-.58-.507-.889-1.162-1.098-1.952c-.201-.76-.33-1.729-.49-2.927l-.415-3.108c-.204-1.532-.368-2.762-.36-3.733c.006-1.006.195-1.867.811-2.571a3%203%200%200%201%201.053-.773A2.886%202.886%200%200%201%205.71%203.87a2.75%202.75%200%200%201%202.454-2.604c.147-.016.315-.016.535-.016m-1.468%202.5h9.536a1.25%201.25%200%200%200-1.092-.993a5%205%200%200%200-.417-.007H8.74c-.28%200-.361.001-.417.007a1.25%201.25%200%200%200-1.092.993m-2.05%202.617c.942-.117%202.139-.117%203.613-.117h6.412c1.474%200%202.67%200%203.613.117a1.38%201.38%200%200%200-1.357-1.117H6.538c-.683%200-1.235.49-1.357%201.117m.074%201.504c-.824.116-1.241.327-1.521.647s-.435.76-.44%201.593c-.007.854.141%201.979.355%203.583l.057.425l.421-.305c1.088-.788%202.694-.749%203.729.107l3.838%203.177c.363.3.988.356%201.439.094l.267-.155c1.276-.743%202.986-.664%204.164.213l2.077%201.548a46%2046%200%200%200%20.31-2.104l.4-3c.214-1.604.362-2.729.356-3.583c-.006-.832-.16-1.273-.44-1.593s-.698-.531-1.522-.647c-.846-.12-1.98-.121-3.598-.121H8.853c-1.618%200-2.753.002-3.598.12m13.913%2012.444l-2.5-1.862c-.683-.509-1.743-.568-2.514-.12l-.267.156c-.972.565-2.283.482-3.15-.235L6.9%2015.077c-.498-.412-1.349-.441-1.892-.048l-1.076.78l.118.885c.168%201.26.286%202.134.46%202.79c.168.637.366.973.635%201.209c.27.235.63.387%201.282.47c.673.086%201.556.087%202.827.087h5.494c1.27%200%202.154-.001%202.827-.087c.653-.083%201.012-.235%201.281-.47c.117-.102.22-.222.313-.378M16.5%2010.75a.75.75%200%201%200%200%201.5a.75.75%200%200%200%200-1.5m-2.25.75a2.25%202.25%200%201%201%204.5%200a2.25%202.25%200%200%201-4.5%200%22%20clip-rule%3D%22evenodd%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%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8.7%201.25h6.6c.22%200%20.389%200%20.536.016A2.75%202.75%200%200%201%2018.29%203.87a2.886%202.886%200%200%201%202.052%202.887c.398.18.75.428%201.053.773c.616.704.804%201.565.812%202.57c.007.972-.157%202.202-.362%203.734l-.414%203.108c-.16%201.198-.289%202.168-.49%202.927c-.21.79-.518%201.445-1.097%201.953c-.58.507-1.27.726-2.081.83c-.78.098-1.757.098-2.966.098H9.202c-1.208%200-2.186%200-2.965-.099c-.811-.103-1.501-.322-2.08-.83c-.58-.507-.889-1.162-1.098-1.952c-.201-.76-.33-1.729-.49-2.927l-.415-3.108c-.204-1.532-.368-2.762-.36-3.733c.006-1.006.195-1.867.811-2.571a3%203%200%200%201%201.053-.773A2.886%202.886%200%200%201%205.71%203.87a2.75%202.75%200%200%201%202.454-2.604c.147-.016.315-.016.535-.016m-1.468%202.5h9.536a1.25%201.25%200%200%200-1.092-.993a5%205%200%200%200-.417-.007H8.74c-.28%200-.361.001-.417.007a1.25%201.25%200%200%200-1.092.993m-2.05%202.617c.942-.117%202.139-.117%203.613-.117h6.412c1.474%200%202.67%200%203.613.117a1.38%201.38%200%200%200-1.357-1.117H6.538c-.683%200-1.235.49-1.357%201.117m.074%201.504c-.824.116-1.241.327-1.521.647s-.435.76-.44%201.593c-.007.854.141%201.979.355%203.583l.057.425l.421-.305c1.088-.788%202.694-.749%203.729.107l3.838%203.177c.363.3.988.356%201.439.094l.267-.155c1.276-.743%202.986-.664%204.164.213l2.077%201.548a46%2046%200%200%200%20.31-2.104l.4-3c.214-1.604.362-2.729.356-3.583c-.006-.832-.16-1.273-.44-1.593s-.698-.531-1.522-.647c-.846-.12-1.98-.121-3.598-.121H8.853c-1.618%200-2.753.002-3.598.12m13.913%2012.444l-2.5-1.862c-.683-.509-1.743-.568-2.514-.12l-.267.156c-.972.565-2.283.482-3.15-.235L6.9%2015.077c-.498-.412-1.349-.441-1.892-.048l-1.076.78l.118.885c.168%201.26.286%202.134.46%202.79c.168.637.366.973.635%201.209c.27.235.63.387%201.282.47c.673.086%201.556.087%202.827.087h5.494c1.27%200%202.154-.001%202.827-.087c.653-.083%201.012-.235%201.281-.47c.117-.102.22-.222.313-.378M16.5%2010.75a.75.75%200%201%200%200%201.5a.75.75%200%200%200%200-1.5m-2.25.75a2.25%202.25%200%201%201%204.5%200a2.25%202.25%200%200%201-4.5%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/album.svg?color=%231a73e8&size=48
