spotify logo
spotify-dark from Skill Icons by tandpfun · Dark · MIT Free for personal and commercial use.
- Name
- spotify-dark
- Set
- Skill Icons
- Style
- Dark
- Viewbox
- 256×256
- License
- MIT
1 other variant in Skill Icons
The same logo in other sets
spotify-fillAkar Iconsspotify-filledAnt Design 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-outlineTeenyicons
Use the spotify logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#242938" rx="60"/><path fill="#1ed760" d="M128 33c-52.442 0-95 42.558-95 95s42.558 95 95 95s95-42.558 95-95s-42.558-95-95-95"/><path fill="#000" d="M188.754 118.462c-1.992 0-3.218-.498-4.942-1.494c-27.274-16.281-76.038-20.188-107.602-11.377c-1.38.383-3.103.996-4.942.996c-5.056 0-8.925-3.946-8.925-9.04c0-5.21 3.217-8.16 6.665-9.156c13.484-3.946 28.577-5.823 45.01-5.823c27.964 0 57.268 5.823 78.681 18.311c2.988 1.724 4.942 4.099 4.942 8.657c0 5.21-4.214 8.926-8.887 8.926m-11.875 29.189c-1.992 0-3.333-.881-4.712-1.609c-23.941-14.173-59.643-19.881-91.399-11.262c-1.839.498-2.835.996-4.558.996c-4.1 0-7.432-3.333-7.432-7.431c0-4.099 1.992-6.819 5.938-7.93c10.649-2.988 21.528-5.21 37.463-5.21c24.861 0 48.879 6.168 67.803 17.43c3.103 1.839 4.328 4.214 4.328 7.546c-.038 4.137-3.256 7.47-7.431 7.47m-10.305 25.129c-1.608 0-2.604-.498-4.098-1.379c-23.904-14.403-51.714-15.016-79.18-9.385c-1.494.383-3.447.996-4.558.996c-3.716 0-6.053-2.95-6.053-6.053c0-3.945 2.337-5.822 5.21-6.435c31.373-6.933 63.436-6.321 90.786 10.036c2.337 1.494 3.716 2.835 3.716 6.321s-2.72 5.899-5.823 5.899"/></g></svg>
React
import type { SVGProps } from "react";
export function SkillIconsSpotifyDark(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#242938" rx="60"/><path fill="#1ed760" d="M128 33c-52.442 0-95 42.558-95 95s42.558 95 95 95s95-42.558 95-95s-42.558-95-95-95"/><path fill="#000" d="M188.754 118.462c-1.992 0-3.218-.498-4.942-1.494c-27.274-16.281-76.038-20.188-107.602-11.377c-1.38.383-3.103.996-4.942.996c-5.056 0-8.925-3.946-8.925-9.04c0-5.21 3.217-8.16 6.665-9.156c13.484-3.946 28.577-5.823 45.01-5.823c27.964 0 57.268 5.823 78.681 18.311c2.988 1.724 4.942 4.099 4.942 8.657c0 5.21-4.214 8.926-8.887 8.926m-11.875 29.189c-1.992 0-3.333-.881-4.712-1.609c-23.941-14.173-59.643-19.881-91.399-11.262c-1.839.498-2.835.996-4.558.996c-4.1 0-7.432-3.333-7.432-7.431c0-4.099 1.992-6.819 5.938-7.93c10.649-2.988 21.528-5.21 37.463-5.21c24.861 0 48.879 6.168 67.803 17.43c3.103 1.839 4.328 4.214 4.328 7.546c-.038 4.137-3.256 7.47-7.431 7.47m-10.305 25.129c-1.608 0-2.604-.498-4.098-1.379c-23.904-14.403-51.714-15.016-79.18-9.385c-1.494.383-3.447.996-4.558.996c-3.716 0-6.053-2.95-6.053-6.053c0-3.945 2.337-5.822 5.21-6.435c31.373-6.933 63.436-6.321 90.786 10.036c2.337 1.494 3.716 2.835 3.716 6.321s-2.72 5.899-5.823 5.899"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#242938" rx="60"/><path fill="#1ed760" d="M128 33c-52.442 0-95 42.558-95 95s42.558 95 95 95s95-42.558 95-95s-42.558-95-95-95"/><path fill="#000" d="M188.754 118.462c-1.992 0-3.218-.498-4.942-1.494c-27.274-16.281-76.038-20.188-107.602-11.377c-1.38.383-3.103.996-4.942.996c-5.056 0-8.925-3.946-8.925-9.04c0-5.21 3.217-8.16 6.665-9.156c13.484-3.946 28.577-5.823 45.01-5.823c27.964 0 57.268 5.823 78.681 18.311c2.988 1.724 4.942 4.099 4.942 8.657c0 5.21-4.214 8.926-8.887 8.926m-11.875 29.189c-1.992 0-3.333-.881-4.712-1.609c-23.941-14.173-59.643-19.881-91.399-11.262c-1.839.498-2.835.996-4.558.996c-4.1 0-7.432-3.333-7.432-7.431c0-4.099 1.992-6.819 5.938-7.93c10.649-2.988 21.528-5.21 37.463-5.21c24.861 0 48.879 6.168 67.803 17.43c3.103 1.839 4.328 4.214 4.328 7.546c-.038 4.137-3.256 7.47-7.431 7.47m-10.305 25.129c-1.608 0-2.604-.498-4.098-1.379c-23.904-14.403-51.714-15.016-79.18-9.385c-1.494.383-3.447.996-4.558.996c-3.716 0-6.053-2.95-6.053-6.053c0-3.945 2.337-5.822 5.21-6.435c31.373-6.933 63.436-6.321 90.786 10.036c2.337 1.494 3.716 2.835 3.716 6.321s-2.72 5.899-5.823 5.899"/></g></svg> </template>
CSS
.icon-spotify-dark {
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%20256%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23242938%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%231ed760%22%20d%3D%22M128%2033c-52.442%200-95%2042.558-95%2095s42.558%2095%2095%2095s95-42.558%2095-95s-42.558-95-95-95%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M188.754%20118.462c-1.992%200-3.218-.498-4.942-1.494c-27.274-16.281-76.038-20.188-107.602-11.377c-1.38.383-3.103.996-4.942.996c-5.056%200-8.925-3.946-8.925-9.04c0-5.21%203.217-8.16%206.665-9.156c13.484-3.946%2028.577-5.823%2045.01-5.823c27.964%200%2057.268%205.823%2078.681%2018.311c2.988%201.724%204.942%204.099%204.942%208.657c0%205.21-4.214%208.926-8.887%208.926m-11.875%2029.189c-1.992%200-3.333-.881-4.712-1.609c-23.941-14.173-59.643-19.881-91.399-11.262c-1.839.498-2.835.996-4.558.996c-4.1%200-7.432-3.333-7.432-7.431c0-4.099%201.992-6.819%205.938-7.93c10.649-2.988%2021.528-5.21%2037.463-5.21c24.861%200%2048.879%206.168%2067.803%2017.43c3.103%201.839%204.328%204.214%204.328%207.546c-.038%204.137-3.256%207.47-7.431%207.47m-10.305%2025.129c-1.608%200-2.604-.498-4.098-1.379c-23.904-14.403-51.714-15.016-79.18-9.385c-1.494.383-3.447.996-4.558.996c-3.716%200-6.053-2.95-6.053-6.053c0-3.945%202.337-5.822%205.21-6.435c31.373-6.933%2063.436-6.321%2090.786%2010.036c2.337%201.494%203.716%202.835%203.716%206.321s-2.72%205.899-5.823%205.899%22%2F%3E%3C%2Fg%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%20256%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23242938%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%231ed760%22%20d%3D%22M128%2033c-52.442%200-95%2042.558-95%2095s42.558%2095%2095%2095s95-42.558%2095-95s-42.558-95-95-95%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M188.754%20118.462c-1.992%200-3.218-.498-4.942-1.494c-27.274-16.281-76.038-20.188-107.602-11.377c-1.38.383-3.103.996-4.942.996c-5.056%200-8.925-3.946-8.925-9.04c0-5.21%203.217-8.16%206.665-9.156c13.484-3.946%2028.577-5.823%2045.01-5.823c27.964%200%2057.268%205.823%2078.681%2018.311c2.988%201.724%204.942%204.099%204.942%208.657c0%205.21-4.214%208.926-8.887%208.926m-11.875%2029.189c-1.992%200-3.333-.881-4.712-1.609c-23.941-14.173-59.643-19.881-91.399-11.262c-1.839.498-2.835.996-4.558.996c-4.1%200-7.432-3.333-7.432-7.431c0-4.099%201.992-6.819%205.938-7.93c10.649-2.988%2021.528-5.21%2037.463-5.21c24.861%200%2048.879%206.168%2067.803%2017.43c3.103%201.839%204.328%204.214%204.328%207.546c-.038%204.137-3.256%207.47-7.431%207.47m-10.305%2025.129c-1.608%200-2.604-.498-4.098-1.379c-23.904-14.403-51.714-15.016-79.18-9.385c-1.494.383-3.447.996-4.558.996c-3.716%200-6.053-2.95-6.053-6.053c0-3.945%202.337-5.822%205.21-6.435c31.373-6.933%2063.436-6.321%2090.786%2010.036c2.337%201.494%203.716%202.835%203.716%206.321s-2.72%205.899-5.823%205.899%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/skill-icons/spotify-dark.svg?color=%231a73e8&size=48
