spotify icon
spotify-outlined from Ant Design Icons by HeskeyBaozi · Outlined · MIT Free for personal and commercial use.
- Name
- spotify-outlined
- Set
- Ant Design Icons
- Style
- Outlined
- 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="M512 64C264.517 64 64 264.517 64 512s200.517 448 448 448s448-200.517 448-448S759.483 64 512 64m0 74.664a371.86 371.86 0 0 1 264.427 108.91A371.86 371.86 0 0 1 885.337 512a371.86 371.86 0 0 1-108.91 264.427A371.86 371.86 0 0 1 512 885.337a371.86 371.86 0 0 1-264.427-108.91A371.86 371.86 0 0 1 138.663 512a371.86 371.86 0 0 1 108.91-264.427A371.86 371.86 0 0 1 512 138.663M452.49 316c-72.613 0-135.893 6.72-196 25.685c-15.903 3.174-29.157 15.158-29.157 37.334c0 22.138 16.352 41.701 38.491 38.453c9.483 0 15.904-3.472 22.176-3.472c50.587-12.693 107.632-18.667 164.49-18.667c110.545 0 224 24.64 299.825 68.843c9.482 3.21 12.693 6.981 22.176 6.981c22.176 0 37.632-16.314 40.842-38.49c0-18.966-9.482-31.062-22.176-37.334C698.368 341.648 572.517 316 452.491 316M442 454.843c-66.341 0-113.605 9.482-161.019 22.176c-15.717 6.234-24.49 16.053-24.49 34.981c0 15.755 12.544 31.51 31.509 31.51c6.421 0 9.184-.3 18.667-3.51c34.72-9.483 82.394-15.157 133.018-15.157c104.235 0 194.955 25.386 261.334 66.49c6.234 3.211 12.693 5.824 22.138 5.824c18.966 0 31.51-16.053 31.51-34.981c0-12.693-5.974-25.237-18.667-31.51c-82.133-50.586-186.517-75.823-294-75.823m10.49 136.49c-53.647 0-104.533 5.974-155.157 18.667c-12.693 3.21-22.176 12.245-22.176 28c0 12.693 9.931 25.685 25.686 25.685c3.21 0 12.394-3.509 18.666-3.509a581.7 581.7 0 0 1 129.51-15.195c78.885 0 151.05 18.966 211.157 53.686c6.421 3.21 13.552 5.824 19.824 5.824c12.693 0 24.79-9.483 28-22.139c0-15.904-6.87-21.765-16.352-28c-69.552-41.141-150.79-63.019-239.157-63.019"/></svg>
React
import type { SVGProps } from "react";
export function AntDesignSpotifyOutlined(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="M512 64C264.517 64 64 264.517 64 512s200.517 448 448 448s448-200.517 448-448S759.483 64 512 64m0 74.664a371.86 371.86 0 0 1 264.427 108.91A371.86 371.86 0 0 1 885.337 512a371.86 371.86 0 0 1-108.91 264.427A371.86 371.86 0 0 1 512 885.337a371.86 371.86 0 0 1-264.427-108.91A371.86 371.86 0 0 1 138.663 512a371.86 371.86 0 0 1 108.91-264.427A371.86 371.86 0 0 1 512 138.663M452.49 316c-72.613 0-135.893 6.72-196 25.685c-15.903 3.174-29.157 15.158-29.157 37.334c0 22.138 16.352 41.701 38.491 38.453c9.483 0 15.904-3.472 22.176-3.472c50.587-12.693 107.632-18.667 164.49-18.667c110.545 0 224 24.64 299.825 68.843c9.482 3.21 12.693 6.981 22.176 6.981c22.176 0 37.632-16.314 40.842-38.49c0-18.966-9.482-31.062-22.176-37.334C698.368 341.648 572.517 316 452.491 316M442 454.843c-66.341 0-113.605 9.482-161.019 22.176c-15.717 6.234-24.49 16.053-24.49 34.981c0 15.755 12.544 31.51 31.509 31.51c6.421 0 9.184-.3 18.667-3.51c34.72-9.483 82.394-15.157 133.018-15.157c104.235 0 194.955 25.386 261.334 66.49c6.234 3.211 12.693 5.824 22.138 5.824c18.966 0 31.51-16.053 31.51-34.981c0-12.693-5.974-25.237-18.667-31.51c-82.133-50.586-186.517-75.823-294-75.823m10.49 136.49c-53.647 0-104.533 5.974-155.157 18.667c-12.693 3.21-22.176 12.245-22.176 28c0 12.693 9.931 25.685 25.686 25.685c3.21 0 12.394-3.509 18.666-3.509a581.7 581.7 0 0 1 129.51-15.195c78.885 0 151.05 18.966 211.157 53.686c6.421 3.21 13.552 5.824 19.824 5.824c12.693 0 24.79-9.483 28-22.139c0-15.904-6.87-21.765-16.352-28c-69.552-41.141-150.79-63.019-239.157-63.019"/></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="M512 64C264.517 64 64 264.517 64 512s200.517 448 448 448s448-200.517 448-448S759.483 64 512 64m0 74.664a371.86 371.86 0 0 1 264.427 108.91A371.86 371.86 0 0 1 885.337 512a371.86 371.86 0 0 1-108.91 264.427A371.86 371.86 0 0 1 512 885.337a371.86 371.86 0 0 1-264.427-108.91A371.86 371.86 0 0 1 138.663 512a371.86 371.86 0 0 1 108.91-264.427A371.86 371.86 0 0 1 512 138.663M452.49 316c-72.613 0-135.893 6.72-196 25.685c-15.903 3.174-29.157 15.158-29.157 37.334c0 22.138 16.352 41.701 38.491 38.453c9.483 0 15.904-3.472 22.176-3.472c50.587-12.693 107.632-18.667 164.49-18.667c110.545 0 224 24.64 299.825 68.843c9.482 3.21 12.693 6.981 22.176 6.981c22.176 0 37.632-16.314 40.842-38.49c0-18.966-9.482-31.062-22.176-37.334C698.368 341.648 572.517 316 452.491 316M442 454.843c-66.341 0-113.605 9.482-161.019 22.176c-15.717 6.234-24.49 16.053-24.49 34.981c0 15.755 12.544 31.51 31.509 31.51c6.421 0 9.184-.3 18.667-3.51c34.72-9.483 82.394-15.157 133.018-15.157c104.235 0 194.955 25.386 261.334 66.49c6.234 3.211 12.693 5.824 22.138 5.824c18.966 0 31.51-16.053 31.51-34.981c0-12.693-5.974-25.237-18.667-31.51c-82.133-50.586-186.517-75.823-294-75.823m10.49 136.49c-53.647 0-104.533 5.974-155.157 18.667c-12.693 3.21-22.176 12.245-22.176 28c0 12.693 9.931 25.685 25.686 25.685c3.21 0 12.394-3.509 18.666-3.509a581.7 581.7 0 0 1 129.51-15.195c78.885 0 151.05 18.966 211.157 53.686c6.421 3.21 13.552 5.824 19.824 5.824c12.693 0 24.79-9.483 28-22.139c0-15.904-6.87-21.765-16.352-28c-69.552-41.141-150.79-63.019-239.157-63.019"/></svg> </template>
CSS
.icon-spotify-outlined {
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%22M512%2064C264.517%2064%2064%20264.517%2064%20512s200.517%20448%20448%20448s448-200.517%20448-448S759.483%2064%20512%2064m0%2074.664a371.86%20371.86%200%200%201%20264.427%20108.91A371.86%20371.86%200%200%201%20885.337%20512a371.86%20371.86%200%200%201-108.91%20264.427A371.86%20371.86%200%200%201%20512%20885.337a371.86%20371.86%200%200%201-264.427-108.91A371.86%20371.86%200%200%201%20138.663%20512a371.86%20371.86%200%200%201%20108.91-264.427A371.86%20371.86%200%200%201%20512%20138.663M452.49%20316c-72.613%200-135.893%206.72-196%2025.685c-15.903%203.174-29.157%2015.158-29.157%2037.334c0%2022.138%2016.352%2041.701%2038.491%2038.453c9.483%200%2015.904-3.472%2022.176-3.472c50.587-12.693%20107.632-18.667%20164.49-18.667c110.545%200%20224%2024.64%20299.825%2068.843c9.482%203.21%2012.693%206.981%2022.176%206.981c22.176%200%2037.632-16.314%2040.842-38.49c0-18.966-9.482-31.062-22.176-37.334C698.368%20341.648%20572.517%20316%20452.491%20316M442%20454.843c-66.341%200-113.605%209.482-161.019%2022.176c-15.717%206.234-24.49%2016.053-24.49%2034.981c0%2015.755%2012.544%2031.51%2031.509%2031.51c6.421%200%209.184-.3%2018.667-3.51c34.72-9.483%2082.394-15.157%20133.018-15.157c104.235%200%20194.955%2025.386%20261.334%2066.49c6.234%203.211%2012.693%205.824%2022.138%205.824c18.966%200%2031.51-16.053%2031.51-34.981c0-12.693-5.974-25.237-18.667-31.51c-82.133-50.586-186.517-75.823-294-75.823m10.49%20136.49c-53.647%200-104.533%205.974-155.157%2018.667c-12.693%203.21-22.176%2012.245-22.176%2028c0%2012.693%209.931%2025.685%2025.686%2025.685c3.21%200%2012.394-3.509%2018.666-3.509a581.7%20581.7%200%200%201%20129.51-15.195c78.885%200%20151.05%2018.966%20211.157%2053.686c6.421%203.21%2013.552%205.824%2019.824%205.824c12.693%200%2024.79-9.483%2028-22.139c0-15.904-6.87-21.765-16.352-28c-69.552-41.141-150.79-63.019-239.157-63.019%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%22M512%2064C264.517%2064%2064%20264.517%2064%20512s200.517%20448%20448%20448s448-200.517%20448-448S759.483%2064%20512%2064m0%2074.664a371.86%20371.86%200%200%201%20264.427%20108.91A371.86%20371.86%200%200%201%20885.337%20512a371.86%20371.86%200%200%201-108.91%20264.427A371.86%20371.86%200%200%201%20512%20885.337a371.86%20371.86%200%200%201-264.427-108.91A371.86%20371.86%200%200%201%20138.663%20512a371.86%20371.86%200%200%201%20108.91-264.427A371.86%20371.86%200%200%201%20512%20138.663M452.49%20316c-72.613%200-135.893%206.72-196%2025.685c-15.903%203.174-29.157%2015.158-29.157%2037.334c0%2022.138%2016.352%2041.701%2038.491%2038.453c9.483%200%2015.904-3.472%2022.176-3.472c50.587-12.693%20107.632-18.667%20164.49-18.667c110.545%200%20224%2024.64%20299.825%2068.843c9.482%203.21%2012.693%206.981%2022.176%206.981c22.176%200%2037.632-16.314%2040.842-38.49c0-18.966-9.482-31.062-22.176-37.334C698.368%20341.648%20572.517%20316%20452.491%20316M442%20454.843c-66.341%200-113.605%209.482-161.019%2022.176c-15.717%206.234-24.49%2016.053-24.49%2034.981c0%2015.755%2012.544%2031.51%2031.509%2031.51c6.421%200%209.184-.3%2018.667-3.51c34.72-9.483%2082.394-15.157%20133.018-15.157c104.235%200%20194.955%2025.386%20261.334%2066.49c6.234%203.211%2012.693%205.824%2022.138%205.824c18.966%200%2031.51-16.053%2031.51-34.981c0-12.693-5.974-25.237-18.667-31.51c-82.133-50.586-186.517-75.823-294-75.823m10.49%20136.49c-53.647%200-104.533%205.974-155.157%2018.667c-12.693%203.21-22.176%2012.245-22.176%2028c0%2012.693%209.931%2025.685%2025.686%2025.685c3.21%200%2012.394-3.509%2018.666-3.509a581.7%20581.7%200%200%201%20129.51-15.195c78.885%200%20151.05%2018.966%20211.157%2053.686c6.421%203.21%2013.552%205.824%2019.824%205.824c12.693%200%2024.79-9.483%2028-22.139c0-15.904-6.87-21.765-16.352-28c-69.552-41.141-150.79-63.019-239.157-63.019%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/spotify-outlined.svg?color=%231a73e8&size=48
