spotify icon
spotify from Line Awesome by Icons8 · Line · Music · Apache-2.0 Free for personal and commercial use.
- Name
- spotify
- Set
- Line Awesome
- Style
- Line
- Category
- Music
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
spotify-fillAkar Iconsspotify-filledAnt Design IconsspotifyBootstrap IconsspotifyBoxicons BrandsspotifyCoreUI BrandsspotifyFont Awesome 6 BrandsspotifyFont Awesome BrandsspotifyHuge IconsspotifyIconoirspotifyJam IconsspotifyMaterial Line IconsspotifySVG LogosspotifyMage IconsspotifyMaterial Design Iconsspotify-fillMingCute IconspotifyMyna UI Iconsspotify-fillRemix IconspotifySimple Iconsspotify-darkSkill Iconsspotify-outlineTeenyicons
More music icons from Line Awesome
Use the spotify icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 4C9.371 4 4 9.371 4 16s5.371 12 12 12s12-5.371 12-12S22.629 4 16 4m0 2a9.96 9.96 0 0 1 10 10a9.96 9.96 0 0 1-10 10A9.96 9.96 0 0 1 6 16A9.96 9.96 0 0 1 16 6m-1.594 4.75c-1.945 0-3.64.18-5.25.688c-.426.085-.781.406-.781 1c0 .593.438 1.117 1.031 1.03c.254 0 .426-.093.594-.093c1.355-.34 2.883-.5 4.406-.5c2.961 0 6 .66 8.031 1.844c.254.086.34.187.594.187c.594 0 1.008-.437 1.094-1.031c0-.508-.254-.832-.594-1c-2.539-1.438-5.91-2.125-9.125-2.125m-.281 3.719c-1.777 0-3.043.254-4.313.594c-.421.167-.656.43-.656.937c0 .422.336.844.844.844c.172 0 .246-.008.5-.094c.93-.254 2.207-.406 3.563-.406c2.792 0 5.222.68 7 1.781c.167.086.34.156.593.156c.508 0 .844-.43.844-.937c0-.34-.16-.676-.5-.844c-2.2-1.355-4.996-2.031-7.875-2.031m.281 3.656c-1.437 0-2.8.16-4.156.5c-.34.086-.594.328-.594.75c0 .34.266.688.688.688c.086 0 .332-.094.5-.094a15.6 15.6 0 0 1 3.469-.407c2.113 0 4.046.508 5.656 1.438c.172.086.363.156.531.156c.34 0 .664-.254.75-.593c0-.426-.184-.583-.438-.75c-1.863-1.102-4.039-1.688-6.406-1.688"/></svg>
React
import type { SVGProps } from "react";
export function LaSpotify(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="M16 4C9.371 4 4 9.371 4 16s5.371 12 12 12s12-5.371 12-12S22.629 4 16 4m0 2a9.96 9.96 0 0 1 10 10a9.96 9.96 0 0 1-10 10A9.96 9.96 0 0 1 6 16A9.96 9.96 0 0 1 16 6m-1.594 4.75c-1.945 0-3.64.18-5.25.688c-.426.085-.781.406-.781 1c0 .593.438 1.117 1.031 1.03c.254 0 .426-.093.594-.093c1.355-.34 2.883-.5 4.406-.5c2.961 0 6 .66 8.031 1.844c.254.086.34.187.594.187c.594 0 1.008-.437 1.094-1.031c0-.508-.254-.832-.594-1c-2.539-1.438-5.91-2.125-9.125-2.125m-.281 3.719c-1.777 0-3.043.254-4.313.594c-.421.167-.656.43-.656.937c0 .422.336.844.844.844c.172 0 .246-.008.5-.094c.93-.254 2.207-.406 3.563-.406c2.792 0 5.222.68 7 1.781c.167.086.34.156.593.156c.508 0 .844-.43.844-.937c0-.34-.16-.676-.5-.844c-2.2-1.355-4.996-2.031-7.875-2.031m.281 3.656c-1.437 0-2.8.16-4.156.5c-.34.086-.594.328-.594.75c0 .34.266.688.688.688c.086 0 .332-.094.5-.094a15.6 15.6 0 0 1 3.469-.407c2.113 0 4.046.508 5.656 1.438c.172.086.363.156.531.156c.34 0 .664-.254.75-.593c0-.426-.184-.583-.438-.75c-1.863-1.102-4.039-1.688-6.406-1.688"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 4C9.371 4 4 9.371 4 16s5.371 12 12 12s12-5.371 12-12S22.629 4 16 4m0 2a9.96 9.96 0 0 1 10 10a9.96 9.96 0 0 1-10 10A9.96 9.96 0 0 1 6 16A9.96 9.96 0 0 1 16 6m-1.594 4.75c-1.945 0-3.64.18-5.25.688c-.426.085-.781.406-.781 1c0 .593.438 1.117 1.031 1.03c.254 0 .426-.093.594-.093c1.355-.34 2.883-.5 4.406-.5c2.961 0 6 .66 8.031 1.844c.254.086.34.187.594.187c.594 0 1.008-.437 1.094-1.031c0-.508-.254-.832-.594-1c-2.539-1.438-5.91-2.125-9.125-2.125m-.281 3.719c-1.777 0-3.043.254-4.313.594c-.421.167-.656.43-.656.937c0 .422.336.844.844.844c.172 0 .246-.008.5-.094c.93-.254 2.207-.406 3.563-.406c2.792 0 5.222.68 7 1.781c.167.086.34.156.593.156c.508 0 .844-.43.844-.937c0-.34-.16-.676-.5-.844c-2.2-1.355-4.996-2.031-7.875-2.031m.281 3.656c-1.437 0-2.8.16-4.156.5c-.34.086-.594.328-.594.75c0 .34.266.688.688.688c.086 0 .332-.094.5-.094a15.6 15.6 0 0 1 3.469-.407c2.113 0 4.046.508 5.656 1.438c.172.086.363.156.531.156c.34 0 .664-.254.75-.593c0-.426-.184-.583-.438-.75c-1.863-1.102-4.039-1.688-6.406-1.688"/></svg> </template>
CSS
.icon-spotify {
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%22M16%204C9.371%204%204%209.371%204%2016s5.371%2012%2012%2012s12-5.371%2012-12S22.629%204%2016%204m0%202a9.96%209.96%200%200%201%2010%2010a9.96%209.96%200%200%201-10%2010A9.96%209.96%200%200%201%206%2016A9.96%209.96%200%200%201%2016%206m-1.594%204.75c-1.945%200-3.64.18-5.25.688c-.426.085-.781.406-.781%201c0%20.593.438%201.117%201.031%201.03c.254%200%20.426-.093.594-.093c1.355-.34%202.883-.5%204.406-.5c2.961%200%206%20.66%208.031%201.844c.254.086.34.187.594.187c.594%200%201.008-.437%201.094-1.031c0-.508-.254-.832-.594-1c-2.539-1.438-5.91-2.125-9.125-2.125m-.281%203.719c-1.777%200-3.043.254-4.313.594c-.421.167-.656.43-.656.937c0%20.422.336.844.844.844c.172%200%20.246-.008.5-.094c.93-.254%202.207-.406%203.563-.406c2.792%200%205.222.68%207%201.781c.167.086.34.156.593.156c.508%200%20.844-.43.844-.937c0-.34-.16-.676-.5-.844c-2.2-1.355-4.996-2.031-7.875-2.031m.281%203.656c-1.437%200-2.8.16-4.156.5c-.34.086-.594.328-.594.75c0%20.34.266.688.688.688c.086%200%20.332-.094.5-.094a15.6%2015.6%200%200%201%203.469-.407c2.113%200%204.046.508%205.656%201.438c.172.086.363.156.531.156c.34%200%20.664-.254.75-.593c0-.426-.184-.583-.438-.75c-1.863-1.102-4.039-1.688-6.406-1.688%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%22M16%204C9.371%204%204%209.371%204%2016s5.371%2012%2012%2012s12-5.371%2012-12S22.629%204%2016%204m0%202a9.96%209.96%200%200%201%2010%2010a9.96%209.96%200%200%201-10%2010A9.96%209.96%200%200%201%206%2016A9.96%209.96%200%200%201%2016%206m-1.594%204.75c-1.945%200-3.64.18-5.25.688c-.426.085-.781.406-.781%201c0%20.593.438%201.117%201.031%201.03c.254%200%20.426-.093.594-.093c1.355-.34%202.883-.5%204.406-.5c2.961%200%206%20.66%208.031%201.844c.254.086.34.187.594.187c.594%200%201.008-.437%201.094-1.031c0-.508-.254-.832-.594-1c-2.539-1.438-5.91-2.125-9.125-2.125m-.281%203.719c-1.777%200-3.043.254-4.313.594c-.421.167-.656.43-.656.937c0%20.422.336.844.844.844c.172%200%20.246-.008.5-.094c.93-.254%202.207-.406%203.563-.406c2.792%200%205.222.68%207%201.781c.167.086.34.156.593.156c.508%200%20.844-.43.844-.937c0-.34-.16-.676-.5-.844c-2.2-1.355-4.996-2.031-7.875-2.031m.281%203.656c-1.437%200-2.8.16-4.156.5c-.34.086-.594.328-.594.75c0%20.34.266.688.688.688c.086%200%20.332-.094.5-.094a15.6%2015.6%200%200%201%203.469-.407c2.113%200%204.046.508%205.656%201.438c.172.086.363.156.531.156c.34%200%20.664-.254.75-.593c0-.426-.184-.583-.438-.75c-1.863-1.102-4.039-1.688-6.406-1.688%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/spotify.svg?color=%231a73e8&size=48
