spotify icon
spotify-filled from Ant Design Icons by HeskeyBaozi · Filled · MIT Free for personal and commercial use.
- Name
- spotify-filled
- Set
- Ant Design Icons
- Style
- Filled
- Viewbox
- 1024×1024
- License
- MIT
1 other variant in Ant Design Icons
The same icon in other sets
spotify-fillAkar IconsspotifyBootstrap IconsspotifyBoxicons BrandsspotifyCoreUI BrandsspotifyFont Awesome 6 BrandsspotifyFont Awesome BrandsspotifyHuge IconsspotifyIconoirspotifyJam IconsspotifyLine AwesomespotifyMaterial Line IconsspotifySVG LogosspotifyMage IconsspotifyMaterial Design Iconsspotify-fillMingCute IconspotifyMyna UI Iconsspotify-fillRemix IconspotifySimple Iconsspotify-darkSkill Iconsspotify-outlineTeenyicons
Use the spotify icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" fill-rule="evenodd" d="M721.417 695.167q0-18.667-17.5-29.75q-112.584-67.084-260.75-67.084q-77.584 0-167.417 19.834q-24.5 5.25-24.5 30.333q0 11.667 7.875 20.125t20.708 8.458q2.918 0 21.584-4.666q77-15.75 141.75-15.75q131.833 0 231.583 60.083q11.084 6.417 19.25 6.417q11.084 0 19.25-7.875t8.167-20.125m56-125.417q0-23.334-20.417-35.583q-138.25-82.25-319.667-82.25q-89.25 0-176.75 24.5q-28 7.583-28 37.333q0 14.583 10.209 24.792q10.209 10.208 24.791 10.208q4.084 0 21.584-4.667q71.167-19.25 146.416-19.25q162.75 0 284.667 72.334q14 7.583 22.167 7.583q14.583 0 24.791-10.208t10.209-24.792m63-144.667q0-27.416-23.334-40.833q-73.5-42.584-170.916-64.458q-97.418-21.875-200.084-21.875q-118.999 0-212.333 27.416q-13.416 4.084-22.458 14.875T202.25 368.5q0 18.084 11.958 30.333q11.959 12.25 30.042 12.25q6.417 0 23.333-4.666q77.584-21.584 179.084-21.584q92.75 0 180.541 19.834Q715 424.5 775.083 460.083q12.25 7 23.334 7q16.916 0 29.458-11.958t12.542-30.042M960 512q0 121.917-60.083 224.875q-60.084 102.958-163.042 163.042Q633.917 960 512 960t-224.875-60.083t-163.042-163.042Q64 633.917 64 512t60.083-224.875q60.084-102.958 163.042-163.042Q390.083 64 512 64t224.875 60.083q102.958 60.084 163.042 163.042Q960 390.083 960 512"/></svg>
React
import type { SVGProps } from "react";
export function AntDesignSpotifyFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" fillRule="evenodd" d="M721.417 695.167q0-18.667-17.5-29.75q-112.584-67.084-260.75-67.084q-77.584 0-167.417 19.834q-24.5 5.25-24.5 30.333q0 11.667 7.875 20.125t20.708 8.458q2.918 0 21.584-4.666q77-15.75 141.75-15.75q131.833 0 231.583 60.083q11.084 6.417 19.25 6.417q11.084 0 19.25-7.875t8.167-20.125m56-125.417q0-23.334-20.417-35.583q-138.25-82.25-319.667-82.25q-89.25 0-176.75 24.5q-28 7.583-28 37.333q0 14.583 10.209 24.792q10.209 10.208 24.791 10.208q4.084 0 21.584-4.667q71.167-19.25 146.416-19.25q162.75 0 284.667 72.334q14 7.583 22.167 7.583q14.583 0 24.791-10.208t10.209-24.792m63-144.667q0-27.416-23.334-40.833q-73.5-42.584-170.916-64.458q-97.418-21.875-200.084-21.875q-118.999 0-212.333 27.416q-13.416 4.084-22.458 14.875T202.25 368.5q0 18.084 11.958 30.333q11.959 12.25 30.042 12.25q6.417 0 23.333-4.666q77.584-21.584 179.084-21.584q92.75 0 180.541 19.834Q715 424.5 775.083 460.083q12.25 7 23.334 7q16.916 0 29.458-11.958t12.542-30.042M960 512q0 121.917-60.083 224.875q-60.084 102.958-163.042 163.042Q633.917 960 512 960t-224.875-60.083t-163.042-163.042Q64 633.917 64 512t60.083-224.875q60.084-102.958 163.042-163.042Q390.083 64 512 64t224.875 60.083q102.958 60.084 163.042 163.042Q960 390.083 960 512"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" fill-rule="evenodd" d="M721.417 695.167q0-18.667-17.5-29.75q-112.584-67.084-260.75-67.084q-77.584 0-167.417 19.834q-24.5 5.25-24.5 30.333q0 11.667 7.875 20.125t20.708 8.458q2.918 0 21.584-4.666q77-15.75 141.75-15.75q131.833 0 231.583 60.083q11.084 6.417 19.25 6.417q11.084 0 19.25-7.875t8.167-20.125m56-125.417q0-23.334-20.417-35.583q-138.25-82.25-319.667-82.25q-89.25 0-176.75 24.5q-28 7.583-28 37.333q0 14.583 10.209 24.792q10.209 10.208 24.791 10.208q4.084 0 21.584-4.667q71.167-19.25 146.416-19.25q162.75 0 284.667 72.334q14 7.583 22.167 7.583q14.583 0 24.791-10.208t10.209-24.792m63-144.667q0-27.416-23.334-40.833q-73.5-42.584-170.916-64.458q-97.418-21.875-200.084-21.875q-118.999 0-212.333 27.416q-13.416 4.084-22.458 14.875T202.25 368.5q0 18.084 11.958 30.333q11.959 12.25 30.042 12.25q6.417 0 23.333-4.666q77.584-21.584 179.084-21.584q92.75 0 180.541 19.834Q715 424.5 775.083 460.083q12.25 7 23.334 7q16.916 0 29.458-11.958t12.542-30.042M960 512q0 121.917-60.083 224.875q-60.084 102.958-163.042 163.042Q633.917 960 512 960t-224.875-60.083t-163.042-163.042Q64 633.917 64 512t60.083-224.875q60.084-102.958 163.042-163.042Q390.083 64 512 64t224.875 60.083q102.958 60.084 163.042 163.042Q960 390.083 960 512"/></svg> </template>
CSS
.icon-spotify-filled {
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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M721.417%20695.167q0-18.667-17.5-29.75q-112.584-67.084-260.75-67.084q-77.584%200-167.417%2019.834q-24.5%205.25-24.5%2030.333q0%2011.667%207.875%2020.125t20.708%208.458q2.918%200%2021.584-4.666q77-15.75%20141.75-15.75q131.833%200%20231.583%2060.083q11.084%206.417%2019.25%206.417q11.084%200%2019.25-7.875t8.167-20.125m56-125.417q0-23.334-20.417-35.583q-138.25-82.25-319.667-82.25q-89.25%200-176.75%2024.5q-28%207.583-28%2037.333q0%2014.583%2010.209%2024.792q10.209%2010.208%2024.791%2010.208q4.084%200%2021.584-4.667q71.167-19.25%20146.416-19.25q162.75%200%20284.667%2072.334q14%207.583%2022.167%207.583q14.583%200%2024.791-10.208t10.209-24.792m63-144.667q0-27.416-23.334-40.833q-73.5-42.584-170.916-64.458q-97.418-21.875-200.084-21.875q-118.999%200-212.333%2027.416q-13.416%204.084-22.458%2014.875T202.25%20368.5q0%2018.084%2011.958%2030.333q11.959%2012.25%2030.042%2012.25q6.417%200%2023.333-4.666q77.584-21.584%20179.084-21.584q92.75%200%20180.541%2019.834Q715%20424.5%20775.083%20460.083q12.25%207%2023.334%207q16.916%200%2029.458-11.958t12.542-30.042M960%20512q0%20121.917-60.083%20224.875q-60.084%20102.958-163.042%20163.042Q633.917%20960%20512%20960t-224.875-60.083t-163.042-163.042Q64%20633.917%2064%20512t60.083-224.875q60.084-102.958%20163.042-163.042Q390.083%2064%20512%2064t224.875%2060.083q102.958%2060.084%20163.042%20163.042Q960%20390.083%20960%20512%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M721.417%20695.167q0-18.667-17.5-29.75q-112.584-67.084-260.75-67.084q-77.584%200-167.417%2019.834q-24.5%205.25-24.5%2030.333q0%2011.667%207.875%2020.125t20.708%208.458q2.918%200%2021.584-4.666q77-15.75%20141.75-15.75q131.833%200%20231.583%2060.083q11.084%206.417%2019.25%206.417q11.084%200%2019.25-7.875t8.167-20.125m56-125.417q0-23.334-20.417-35.583q-138.25-82.25-319.667-82.25q-89.25%200-176.75%2024.5q-28%207.583-28%2037.333q0%2014.583%2010.209%2024.792q10.209%2010.208%2024.791%2010.208q4.084%200%2021.584-4.667q71.167-19.25%20146.416-19.25q162.75%200%20284.667%2072.334q14%207.583%2022.167%207.583q14.583%200%2024.791-10.208t10.209-24.792m63-144.667q0-27.416-23.334-40.833q-73.5-42.584-170.916-64.458q-97.418-21.875-200.084-21.875q-118.999%200-212.333%2027.416q-13.416%204.084-22.458%2014.875T202.25%20368.5q0%2018.084%2011.958%2030.333q11.959%2012.25%2030.042%2012.25q6.417%200%2023.333-4.666q77.584-21.584%20179.084-21.584q92.75%200%20180.541%2019.834Q715%20424.5%20775.083%20460.083q12.25%207%2023.334%207q16.916%200%2029.458-11.958t12.542-30.042M960%20512q0%20121.917-60.083%20224.875q-60.084%20102.958-163.042%20163.042Q633.917%20960%20512%20960t-224.875-60.083t-163.042-163.042Q64%20633.917%2064%20512t60.083-224.875q60.084-102.958%20163.042-163.042Q390.083%2064%20512%2064t224.875%2060.083q102.958%2060.084%20163.042%20163.042Q960%20390.083%20960%20512%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/spotify-filled.svg?color=%231a73e8&size=48
