Spotify Outlined icon
ant-design:spotify-outlined
The Spotify Outlined icon (ant-design:spotify-outlined) is a free SVG icon from the Ant Design Icons set by HeskeyBaozi. It is drawn on a 1024 × 1024 grid. Ant Design Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Ant Design Icons
- Author
- HeskeyBaozi
- License
- MIT
- Size
- 1024 × 1024
- Tags
- spotifyoutlined
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" 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>How to use the Spotify Outlined icon
React
import { Icon } from "@iconify/react";
<Icon icon="ant-design:spotify-outlined" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ant-design:spotify-outlined" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ant-design:spotify-outlined" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ant-design--spotify-outlined]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ant-design -->
<div class="i-ant-design:spotify-outlined"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ant-design:spotify-outlined"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ant-design/spotify-outlined.svg" alt="Spotify Outlined icon" width="24" height="24">Related icons in Ant Design Icons
Spotify Outlined icon FAQ
Is the Spotify Outlined icon free for commercial use?
Yes. Ant Design Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Spotify Outlined icon in React?
Install @iconify/react and render <Icon icon="ant-design:spotify-outlined" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Spotify Outlined icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ant-design/spotify-outlined.svg" alt="Spotify Outlined icon">, or paste the SVG code inline to style it with CSS.