lastfm square icon
lastfm-square from Line Awesome by Icons8 · Line · Other · Apache-2.0 Free for personal and commercial use.
- Name
- lastfm-square
- Set
- Line Awesome
- Style
- Line
- Category
- Other
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
More other icons from Line Awesome
Use the lastfm square icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M5 5v22h22V5zm2 2h18v18H7zm5.611 5.107c-2.36 0-3.611 1.495-3.611 4.03c0 2.438 1.251 3.756 3.498 3.756c1.812 0 2.68-.85 2.68-.85l-.512-1.397s-.832.932-2.084.932c-1.108 0-1.896-.963-1.896-2.504c0-1.974.993-2.678 1.974-2.678c1.817 0 2.044 1.457 2.758 3.69c.512 1.554 1.477 2.807 4.252 2.807c1.987 0 3.334-.61 3.33-2.215c0-1.992-1.712-2.208-3.143-2.518c-.705-.162-.916-.45-.916-.931c0-.547.434-.868 1.14-.868c.77 0 1.185.289 1.251.98l1.607-.193c-.127-1.445-1.12-2.039-2.757-2.039c-1.44 0-2.856.542-2.856 2.293c0 1.09.53 1.782 1.861 2.102c1.23.289 2.184.38 2.184 1.252c0 .595-.578.836-1.668.836c-1.62 0-2.293-.85-2.678-2.024c-.876-2.649-1.196-4.46-4.414-4.46z"/></svg>
React
import type { SVGProps } from "react";
export function LaLastfmSquare(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M5 5v22h22V5zm2 2h18v18H7zm5.611 5.107c-2.36 0-3.611 1.495-3.611 4.03c0 2.438 1.251 3.756 3.498 3.756c1.812 0 2.68-.85 2.68-.85l-.512-1.397s-.832.932-2.084.932c-1.108 0-1.896-.963-1.896-2.504c0-1.974.993-2.678 1.974-2.678c1.817 0 2.044 1.457 2.758 3.69c.512 1.554 1.477 2.807 4.252 2.807c1.987 0 3.334-.61 3.33-2.215c0-1.992-1.712-2.208-3.143-2.518c-.705-.162-.916-.45-.916-.931c0-.547.434-.868 1.14-.868c.77 0 1.185.289 1.251.98l1.607-.193c-.127-1.445-1.12-2.039-2.757-2.039c-1.44 0-2.856.542-2.856 2.293c0 1.09.53 1.782 1.861 2.102c1.23.289 2.184.38 2.184 1.252c0 .595-.578.836-1.668.836c-1.62 0-2.293-.85-2.678-2.024c-.876-2.649-1.196-4.46-4.414-4.46z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M5 5v22h22V5zm2 2h18v18H7zm5.611 5.107c-2.36 0-3.611 1.495-3.611 4.03c0 2.438 1.251 3.756 3.498 3.756c1.812 0 2.68-.85 2.68-.85l-.512-1.397s-.832.932-2.084.932c-1.108 0-1.896-.963-1.896-2.504c0-1.974.993-2.678 1.974-2.678c1.817 0 2.044 1.457 2.758 3.69c.512 1.554 1.477 2.807 4.252 2.807c1.987 0 3.334-.61 3.33-2.215c0-1.992-1.712-2.208-3.143-2.518c-.705-.162-.916-.45-.916-.931c0-.547.434-.868 1.14-.868c.77 0 1.185.289 1.251.98l1.607-.193c-.127-1.445-1.12-2.039-2.757-2.039c-1.44 0-2.856.542-2.856 2.293c0 1.09.53 1.782 1.861 2.102c1.23.289 2.184.38 2.184 1.252c0 .595-.578.836-1.668.836c-1.62 0-2.293-.85-2.678-2.024c-.876-2.649-1.196-4.46-4.414-4.46z"/></svg> </template>
CSS
.icon-lastfm-square {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5%205v22h22V5zm2%202h18v18H7zm5.611%205.107c-2.36%200-3.611%201.495-3.611%204.03c0%202.438%201.251%203.756%203.498%203.756c1.812%200%202.68-.85%202.68-.85l-.512-1.397s-.832.932-2.084.932c-1.108%200-1.896-.963-1.896-2.504c0-1.974.993-2.678%201.974-2.678c1.817%200%202.044%201.457%202.758%203.69c.512%201.554%201.477%202.807%204.252%202.807c1.987%200%203.334-.61%203.33-2.215c0-1.992-1.712-2.208-3.143-2.518c-.705-.162-.916-.45-.916-.931c0-.547.434-.868%201.14-.868c.77%200%201.185.289%201.251.98l1.607-.193c-.127-1.445-1.12-2.039-2.757-2.039c-1.44%200-2.856.542-2.856%202.293c0%201.09.53%201.782%201.861%202.102c1.23.289%202.184.38%202.184%201.252c0%20.595-.578.836-1.668.836c-1.62%200-2.293-.85-2.678-2.024c-.876-2.649-1.196-4.46-4.414-4.46z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5%205v22h22V5zm2%202h18v18H7zm5.611%205.107c-2.36%200-3.611%201.495-3.611%204.03c0%202.438%201.251%203.756%203.498%203.756c1.812%200%202.68-.85%202.68-.85l-.512-1.397s-.832.932-2.084.932c-1.108%200-1.896-.963-1.896-2.504c0-1.974.993-2.678%201.974-2.678c1.817%200%202.044%201.457%202.758%203.69c.512%201.554%201.477%202.807%204.252%202.807c1.987%200%203.334-.61%203.33-2.215c0-1.992-1.712-2.208-3.143-2.518c-.705-.162-.916-.45-.916-.931c0-.547.434-.868%201.14-.868c.77%200%201.185.289%201.251.98l1.607-.193c-.127-1.445-1.12-2.039-2.757-2.039c-1.44%200-2.856.542-2.856%202.293c0%201.09.53%201.782%201.861%202.102c1.23.289%202.184.38%202.184%201.252c0%20.595-.578.836-1.668.836c-1.62%200-2.293-.85-2.678-2.024c-.876-2.649-1.196-4.46-4.414-4.46z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/lastfm-square.svg?color=%231a73e8&size=48
