apple music logo
apple-music from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- apple-music
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Related icons in CoreUI Brands
Use the apple music logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M31.995 8.167c0-.984-.083-1.964-.318-2.922c-.422-1.745-1.417-3.078-2.906-4.057c-.766-.5-1.609-.807-2.505-.969a13.4 13.4 0 0 0-2.083-.198c-.052-.005-.109-.016-.167-.021H7.985q-.305.023-.609.036c-.995.057-1.984.161-2.922.536c-1.781.703-3.068 1.932-3.818 3.703c-.26.599-.391 1.234-.484 1.88c-.078.521-.12 1.047-.135 1.573c0 .042-.01.083-.01.125V24.15l.031.563c.068 1.089.208 2.167.667 3.167c.865 1.891 2.318 3.135 4.313 3.734c.557.172 1.141.25 1.724.302c.74.073 1.479.083 2.219.083h14.708q1.047-.002 2.094-.135c1.099-.141 2.13-.464 3.063-1.078a6.74 6.74 0 0 0 2.505-2.943c.25-.563.391-1.161.495-1.766c.151-.901.182-1.813.182-2.724c-.005-5.063 0-10.125-.005-15.188zm-8.563 5.317v7.615c0 .557-.078 1.104-.328 1.609c-.385.786-1.01 1.281-1.849 1.521a6 6 0 0 1-1.427.229a2.48 2.48 0 0 1-2.589-2.047a2.5 2.5 0 0 1 1.385-2.698c.427-.208.891-.333 1.354-.427c.505-.109 1.01-.208 1.51-.323c.37-.083.609-.307.682-.688c.021-.083.026-.172.026-.255v-7.26a1 1 0 0 0-.036-.245c-.052-.203-.198-.323-.406-.313c-.214.01-.422.047-.63.089q-1.525.297-3.042.609l-4.932.995c-.021.005-.047.016-.068.016c-.37.104-.5.271-.516.656c-.005.057 0 .115 0 .172c-.005 3.469 0 6.938-.005 10.406c0 .563-.063 1.115-.286 1.635c-.37.854-1.026 1.391-1.911 1.646a5.8 5.8 0 0 1-1.438.229c-1.276.047-2.339-.802-2.557-2.057c-.188-1.083.307-2.25 1.536-2.771c.479-.198.974-.307 1.479-.411l1.146-.234c.51-.109.776-.432.802-.953V8.187q.002-.251.057-.495c.094-.38.365-.599.729-.688c.339-.089.688-.151 1.031-.224c.979-.198 1.953-.396 2.932-.589l3.026-.615c.896-.177 1.786-.359 2.682-.536c.292-.057.589-.12.885-.141c.411-.036.698.224.74.641q.015.149.016.297v7.641z"/></svg>
React
import type { SVGProps } from "react";
export function CibAppleMusic(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="M31.995 8.167c0-.984-.083-1.964-.318-2.922c-.422-1.745-1.417-3.078-2.906-4.057c-.766-.5-1.609-.807-2.505-.969a13.4 13.4 0 0 0-2.083-.198c-.052-.005-.109-.016-.167-.021H7.985q-.305.023-.609.036c-.995.057-1.984.161-2.922.536c-1.781.703-3.068 1.932-3.818 3.703c-.26.599-.391 1.234-.484 1.88c-.078.521-.12 1.047-.135 1.573c0 .042-.01.083-.01.125V24.15l.031.563c.068 1.089.208 2.167.667 3.167c.865 1.891 2.318 3.135 4.313 3.734c.557.172 1.141.25 1.724.302c.74.073 1.479.083 2.219.083h14.708q1.047-.002 2.094-.135c1.099-.141 2.13-.464 3.063-1.078a6.74 6.74 0 0 0 2.505-2.943c.25-.563.391-1.161.495-1.766c.151-.901.182-1.813.182-2.724c-.005-5.063 0-10.125-.005-15.188zm-8.563 5.317v7.615c0 .557-.078 1.104-.328 1.609c-.385.786-1.01 1.281-1.849 1.521a6 6 0 0 1-1.427.229a2.48 2.48 0 0 1-2.589-2.047a2.5 2.5 0 0 1 1.385-2.698c.427-.208.891-.333 1.354-.427c.505-.109 1.01-.208 1.51-.323c.37-.083.609-.307.682-.688c.021-.083.026-.172.026-.255v-7.26a1 1 0 0 0-.036-.245c-.052-.203-.198-.323-.406-.313c-.214.01-.422.047-.63.089q-1.525.297-3.042.609l-4.932.995c-.021.005-.047.016-.068.016c-.37.104-.5.271-.516.656c-.005.057 0 .115 0 .172c-.005 3.469 0 6.938-.005 10.406c0 .563-.063 1.115-.286 1.635c-.37.854-1.026 1.391-1.911 1.646a5.8 5.8 0 0 1-1.438.229c-1.276.047-2.339-.802-2.557-2.057c-.188-1.083.307-2.25 1.536-2.771c.479-.198.974-.307 1.479-.411l1.146-.234c.51-.109.776-.432.802-.953V8.187q.002-.251.057-.495c.094-.38.365-.599.729-.688c.339-.089.688-.151 1.031-.224c.979-.198 1.953-.396 2.932-.589l3.026-.615c.896-.177 1.786-.359 2.682-.536c.292-.057.589-.12.885-.141c.411-.036.698.224.74.641q.015.149.016.297v7.641z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M31.995 8.167c0-.984-.083-1.964-.318-2.922c-.422-1.745-1.417-3.078-2.906-4.057c-.766-.5-1.609-.807-2.505-.969a13.4 13.4 0 0 0-2.083-.198c-.052-.005-.109-.016-.167-.021H7.985q-.305.023-.609.036c-.995.057-1.984.161-2.922.536c-1.781.703-3.068 1.932-3.818 3.703c-.26.599-.391 1.234-.484 1.88c-.078.521-.12 1.047-.135 1.573c0 .042-.01.083-.01.125V24.15l.031.563c.068 1.089.208 2.167.667 3.167c.865 1.891 2.318 3.135 4.313 3.734c.557.172 1.141.25 1.724.302c.74.073 1.479.083 2.219.083h14.708q1.047-.002 2.094-.135c1.099-.141 2.13-.464 3.063-1.078a6.74 6.74 0 0 0 2.505-2.943c.25-.563.391-1.161.495-1.766c.151-.901.182-1.813.182-2.724c-.005-5.063 0-10.125-.005-15.188zm-8.563 5.317v7.615c0 .557-.078 1.104-.328 1.609c-.385.786-1.01 1.281-1.849 1.521a6 6 0 0 1-1.427.229a2.48 2.48 0 0 1-2.589-2.047a2.5 2.5 0 0 1 1.385-2.698c.427-.208.891-.333 1.354-.427c.505-.109 1.01-.208 1.51-.323c.37-.083.609-.307.682-.688c.021-.083.026-.172.026-.255v-7.26a1 1 0 0 0-.036-.245c-.052-.203-.198-.323-.406-.313c-.214.01-.422.047-.63.089q-1.525.297-3.042.609l-4.932.995c-.021.005-.047.016-.068.016c-.37.104-.5.271-.516.656c-.005.057 0 .115 0 .172c-.005 3.469 0 6.938-.005 10.406c0 .563-.063 1.115-.286 1.635c-.37.854-1.026 1.391-1.911 1.646a5.8 5.8 0 0 1-1.438.229c-1.276.047-2.339-.802-2.557-2.057c-.188-1.083.307-2.25 1.536-2.771c.479-.198.974-.307 1.479-.411l1.146-.234c.51-.109.776-.432.802-.953V8.187q.002-.251.057-.495c.094-.38.365-.599.729-.688c.339-.089.688-.151 1.031-.224c.979-.198 1.953-.396 2.932-.589l3.026-.615c.896-.177 1.786-.359 2.682-.536c.292-.057.589-.12.885-.141c.411-.036.698.224.74.641q.015.149.016.297v7.641z"/></svg> </template>
CSS
.icon-apple-music {
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%22M31.995%208.167c0-.984-.083-1.964-.318-2.922c-.422-1.745-1.417-3.078-2.906-4.057c-.766-.5-1.609-.807-2.505-.969a13.4%2013.4%200%200%200-2.083-.198c-.052-.005-.109-.016-.167-.021H7.985q-.305.023-.609.036c-.995.057-1.984.161-2.922.536c-1.781.703-3.068%201.932-3.818%203.703c-.26.599-.391%201.234-.484%201.88c-.078.521-.12%201.047-.135%201.573c0%20.042-.01.083-.01.125V24.15l.031.563c.068%201.089.208%202.167.667%203.167c.865%201.891%202.318%203.135%204.313%203.734c.557.172%201.141.25%201.724.302c.74.073%201.479.083%202.219.083h14.708q1.047-.002%202.094-.135c1.099-.141%202.13-.464%203.063-1.078a6.74%206.74%200%200%200%202.505-2.943c.25-.563.391-1.161.495-1.766c.151-.901.182-1.813.182-2.724c-.005-5.063%200-10.125-.005-15.188zm-8.563%205.317v7.615c0%20.557-.078%201.104-.328%201.609c-.385.786-1.01%201.281-1.849%201.521a6%206%200%200%201-1.427.229a2.48%202.48%200%200%201-2.589-2.047a2.5%202.5%200%200%201%201.385-2.698c.427-.208.891-.333%201.354-.427c.505-.109%201.01-.208%201.51-.323c.37-.083.609-.307.682-.688c.021-.083.026-.172.026-.255v-7.26a1%201%200%200%200-.036-.245c-.052-.203-.198-.323-.406-.313c-.214.01-.422.047-.63.089q-1.525.297-3.042.609l-4.932.995c-.021.005-.047.016-.068.016c-.37.104-.5.271-.516.656c-.005.057%200%20.115%200%20.172c-.005%203.469%200%206.938-.005%2010.406c0%20.563-.063%201.115-.286%201.635c-.37.854-1.026%201.391-1.911%201.646a5.8%205.8%200%200%201-1.438.229c-1.276.047-2.339-.802-2.557-2.057c-.188-1.083.307-2.25%201.536-2.771c.479-.198.974-.307%201.479-.411l1.146-.234c.51-.109.776-.432.802-.953V8.187q.002-.251.057-.495c.094-.38.365-.599.729-.688c.339-.089.688-.151%201.031-.224c.979-.198%201.953-.396%202.932-.589l3.026-.615c.896-.177%201.786-.359%202.682-.536c.292-.057.589-.12.885-.141c.411-.036.698.224.74.641q.015.149.016.297v7.641z%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%22M31.995%208.167c0-.984-.083-1.964-.318-2.922c-.422-1.745-1.417-3.078-2.906-4.057c-.766-.5-1.609-.807-2.505-.969a13.4%2013.4%200%200%200-2.083-.198c-.052-.005-.109-.016-.167-.021H7.985q-.305.023-.609.036c-.995.057-1.984.161-2.922.536c-1.781.703-3.068%201.932-3.818%203.703c-.26.599-.391%201.234-.484%201.88c-.078.521-.12%201.047-.135%201.573c0%20.042-.01.083-.01.125V24.15l.031.563c.068%201.089.208%202.167.667%203.167c.865%201.891%202.318%203.135%204.313%203.734c.557.172%201.141.25%201.724.302c.74.073%201.479.083%202.219.083h14.708q1.047-.002%202.094-.135c1.099-.141%202.13-.464%203.063-1.078a6.74%206.74%200%200%200%202.505-2.943c.25-.563.391-1.161.495-1.766c.151-.901.182-1.813.182-2.724c-.005-5.063%200-10.125-.005-15.188zm-8.563%205.317v7.615c0%20.557-.078%201.104-.328%201.609c-.385.786-1.01%201.281-1.849%201.521a6%206%200%200%201-1.427.229a2.48%202.48%200%200%201-2.589-2.047a2.5%202.5%200%200%201%201.385-2.698c.427-.208.891-.333%201.354-.427c.505-.109%201.01-.208%201.51-.323c.37-.083.609-.307.682-.688c.021-.083.026-.172.026-.255v-7.26a1%201%200%200%200-.036-.245c-.052-.203-.198-.323-.406-.313c-.214.01-.422.047-.63.089q-1.525.297-3.042.609l-4.932.995c-.021.005-.047.016-.068.016c-.37.104-.5.271-.516.656c-.005.057%200%20.115%200%20.172c-.005%203.469%200%206.938-.005%2010.406c0%20.563-.063%201.115-.286%201.635c-.37.854-1.026%201.391-1.911%201.646a5.8%205.8%200%200%201-1.438.229c-1.276.047-2.339-.802-2.557-2.057c-.188-1.083.307-2.25%201.536-2.771c.479-.198.974-.307%201.479-.411l1.146-.234c.51-.109.776-.432.802-.953V8.187q.002-.251.057-.495c.094-.38.365-.599.729-.688c.339-.089.688-.151%201.031-.224c.979-.198%201.953-.396%202.932-.589l3.026-.615c.896-.177%201.786-.359%202.682-.536c.292-.057.589-.12.885-.141c.411-.036.698.224.74.641q.015.149.016.297v7.641z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/apple-music.svg?color=%231a73e8&size=48
