last fm logo
last-fm from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- last-fm
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the last fm logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m14.131 22.948l-1.172-3.193s-1.912 2.131-4.771 2.131c-2.537 0-4.333-2.203-4.333-5.729c0-4.511 2.276-6.125 4.515-6.125c3.224 0 4.245 2.089 5.125 4.772l1.161 3.667c1.161 3.561 3.365 6.421 9.713 6.421c4.548 0 7.631-1.391 7.631-5.068c0-2.968-1.697-4.511-4.844-5.244l-2.344-.511c-1.624-.371-2.104-1.032-2.104-2.131c0-1.249.985-1.984 2.604-1.984c1.767 0 2.704.661 2.865 2.24l3.661-.444c-.297-3.301-2.584-4.656-6.323-4.656c-3.308 0-6.532 1.251-6.532 5.245c0 2.5 1.204 4.077 4.245 4.807l2.484.589c1.865.443 2.484 1.224 2.484 2.287c0 1.359-1.323 1.921-3.828 1.921c-3.703 0-5.244-1.943-6.124-4.625l-1.204-3.667C15.499 8.886 13.035 7.12 8.149 7.12c-5.287-.016-8.151 3.385-8.151 9.192c0 5.573 2.864 8.595 8.005 8.595c4.14 0 6.125-1.943 6.125-1.943z"/></svg>
React
import type { SVGProps } from "react";
export function CibLastFm(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="m14.131 22.948l-1.172-3.193s-1.912 2.131-4.771 2.131c-2.537 0-4.333-2.203-4.333-5.729c0-4.511 2.276-6.125 4.515-6.125c3.224 0 4.245 2.089 5.125 4.772l1.161 3.667c1.161 3.561 3.365 6.421 9.713 6.421c4.548 0 7.631-1.391 7.631-5.068c0-2.968-1.697-4.511-4.844-5.244l-2.344-.511c-1.624-.371-2.104-1.032-2.104-2.131c0-1.249.985-1.984 2.604-1.984c1.767 0 2.704.661 2.865 2.24l3.661-.444c-.297-3.301-2.584-4.656-6.323-4.656c-3.308 0-6.532 1.251-6.532 5.245c0 2.5 1.204 4.077 4.245 4.807l2.484.589c1.865.443 2.484 1.224 2.484 2.287c0 1.359-1.323 1.921-3.828 1.921c-3.703 0-5.244-1.943-6.124-4.625l-1.204-3.667C15.499 8.886 13.035 7.12 8.149 7.12c-5.287-.016-8.151 3.385-8.151 9.192c0 5.573 2.864 8.595 8.005 8.595c4.14 0 6.125-1.943 6.125-1.943z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m14.131 22.948l-1.172-3.193s-1.912 2.131-4.771 2.131c-2.537 0-4.333-2.203-4.333-5.729c0-4.511 2.276-6.125 4.515-6.125c3.224 0 4.245 2.089 5.125 4.772l1.161 3.667c1.161 3.561 3.365 6.421 9.713 6.421c4.548 0 7.631-1.391 7.631-5.068c0-2.968-1.697-4.511-4.844-5.244l-2.344-.511c-1.624-.371-2.104-1.032-2.104-2.131c0-1.249.985-1.984 2.604-1.984c1.767 0 2.704.661 2.865 2.24l3.661-.444c-.297-3.301-2.584-4.656-6.323-4.656c-3.308 0-6.532 1.251-6.532 5.245c0 2.5 1.204 4.077 4.245 4.807l2.484.589c1.865.443 2.484 1.224 2.484 2.287c0 1.359-1.323 1.921-3.828 1.921c-3.703 0-5.244-1.943-6.124-4.625l-1.204-3.667C15.499 8.886 13.035 7.12 8.149 7.12c-5.287-.016-8.151 3.385-8.151 9.192c0 5.573 2.864 8.595 8.005 8.595c4.14 0 6.125-1.943 6.125-1.943z"/></svg> </template>
CSS
.icon-last-fm {
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%22m14.131%2022.948l-1.172-3.193s-1.912%202.131-4.771%202.131c-2.537%200-4.333-2.203-4.333-5.729c0-4.511%202.276-6.125%204.515-6.125c3.224%200%204.245%202.089%205.125%204.772l1.161%203.667c1.161%203.561%203.365%206.421%209.713%206.421c4.548%200%207.631-1.391%207.631-5.068c0-2.968-1.697-4.511-4.844-5.244l-2.344-.511c-1.624-.371-2.104-1.032-2.104-2.131c0-1.249.985-1.984%202.604-1.984c1.767%200%202.704.661%202.865%202.24l3.661-.444c-.297-3.301-2.584-4.656-6.323-4.656c-3.308%200-6.532%201.251-6.532%205.245c0%202.5%201.204%204.077%204.245%204.807l2.484.589c1.865.443%202.484%201.224%202.484%202.287c0%201.359-1.323%201.921-3.828%201.921c-3.703%200-5.244-1.943-6.124-4.625l-1.204-3.667C15.499%208.886%2013.035%207.12%208.149%207.12c-5.287-.016-8.151%203.385-8.151%209.192c0%205.573%202.864%208.595%208.005%208.595c4.14%200%206.125-1.943%206.125-1.943z%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%22m14.131%2022.948l-1.172-3.193s-1.912%202.131-4.771%202.131c-2.537%200-4.333-2.203-4.333-5.729c0-4.511%202.276-6.125%204.515-6.125c3.224%200%204.245%202.089%205.125%204.772l1.161%203.667c1.161%203.561%203.365%206.421%209.713%206.421c4.548%200%207.631-1.391%207.631-5.068c0-2.968-1.697-4.511-4.844-5.244l-2.344-.511c-1.624-.371-2.104-1.032-2.104-2.131c0-1.249.985-1.984%202.604-1.984c1.767%200%202.704.661%202.865%202.24l3.661-.444c-.297-3.301-2.584-4.656-6.323-4.656c-3.308%200-6.532%201.251-6.532%205.245c0%202.5%201.204%204.077%204.245%204.807l2.484.589c1.865.443%202.484%201.224%202.484%202.287c0%201.359-1.323%201.921-3.828%201.921c-3.703%200-5.244-1.943-6.124-4.625l-1.204-3.667C15.499%208.886%2013.035%207.12%208.149%207.12c-5.287-.016-8.151%203.385-8.151%209.192c0%205.573%202.864%208.595%208.005%208.595c4.14%200%206.125-1.943%206.125-1.943z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/last-fm.svg?color=%231a73e8&size=48
