social apple icon
social-apple-outline from IonIcons by Ben Sperry · Outline · MIT Free for personal and commercial use.
- Name
- social-apple-outline
- Set
- IonIcons
- Style
- Outline
- Viewbox
- 512×512
- License
- MIT
Related icons in IonIcons
social-android-outlinesocial-angular-outlinesocial-bitcoin-outlinesocial-buffer-outlinesocial-chrome-outlinesocial-codepen-outlinesocial-css3-outlinesocial-designernews-outlinesocial-dribbblesocial-dropbox-outlinesocial-euro-outlinesocial-facebooksocial-foursquare-outlinesocial-github-outlinesocial-googlesocial-googleplussocial-hackernews-outlinesocial-html5-outlinesocial-instagramsocial-javascript-outlinesocial-linkedin-outlinesocial-octocatsocial-pinterest-outlinesocial-reddit
Use the social apple icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M333.6 169.9c16.3 0 33.2 7.4 47.4 20.4-9.9 8.5-17.9 18.7-23.7 30.2-8 16-11.6 34.3-10.2 52.7 1.3 18.7 7.6 36.6 18 51.8 8 11.6 18.2 21.2 30 28.3-5 10.7-9.2 18.4-16.8 30.5-8.4 13.1-30.5 48-52 48.2h-.4c-7.4 0-12.2-2.2-19.3-5.6-10-4.7-22.3-10.6-43.4-10.6h-.6c-21.1.1-33.8 5.9-43.9 10.6-7.4 3.4-12.3 5.7-19.9 5.7h-.4c-19.6-.2-37.5-24.3-50.8-45.2-19.3-30.4-31.7-65.6-34.9-99.1-2.9-30.5 2-58.5 13.5-76.7 8-12.7 18.5-23.3 30.4-30.6 11.2-6.8 23-10.4 34.2-10.4 12.4 0 22.7 3.8 33.7 7.8 11.5 4.2 23.5 8.6 37.7 8.6 13.6 0 24.3-4.2 34.6-8.2 11.2-4.4 21.4-8.4 36.8-8.4m0-16c-33.6 0-47.8 16.5-71.2 16.5-24 0-42.3-16.4-71.4-16.4-28.5 0-58.9 17.9-78.2 48.4-27.1 43-22.5 124 21.4 193 15.7 24.7 36.7 52.4 64.2 52.7h.5c23.9 0 31-16.1 63.9-16.3h.5c32.4 0 38.9 16.2 62.7 16.2h.5c27.5-.3 49.6-31 65.3-55.6 11.3-17.7 15.5-26.6 24.2-46.6-63.5-24.8-73.7-117.4-10.9-152.9-19.2-24.7-46.1-39-71.5-39z" fill="currentColor"/><path d="M309.9 84.5c-2.7 14.9-10.5 26.8-14.6 32.2-7.4 9.8-18 17.4-28.8 21.1.5-3 1.3-6.1 2.4-9.2 3.5-10.2 8.9-18.2 12.8-23.1 7.1-8.8 17.6-16.4 28.2-21M326.2 64c-20 1.4-43.3 14.5-57 31.6-12.4 15.5-22.6 38.5-18.6 60.8h1.6c21.3 0 43.1-13.2 55.8-30.1 12.3-16.1 21.6-38.9 18.2-62.3z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonSocialAppleOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M333.6 169.9c16.3 0 33.2 7.4 47.4 20.4-9.9 8.5-17.9 18.7-23.7 30.2-8 16-11.6 34.3-10.2 52.7 1.3 18.7 7.6 36.6 18 51.8 8 11.6 18.2 21.2 30 28.3-5 10.7-9.2 18.4-16.8 30.5-8.4 13.1-30.5 48-52 48.2h-.4c-7.4 0-12.2-2.2-19.3-5.6-10-4.7-22.3-10.6-43.4-10.6h-.6c-21.1.1-33.8 5.9-43.9 10.6-7.4 3.4-12.3 5.7-19.9 5.7h-.4c-19.6-.2-37.5-24.3-50.8-45.2-19.3-30.4-31.7-65.6-34.9-99.1-2.9-30.5 2-58.5 13.5-76.7 8-12.7 18.5-23.3 30.4-30.6 11.2-6.8 23-10.4 34.2-10.4 12.4 0 22.7 3.8 33.7 7.8 11.5 4.2 23.5 8.6 37.7 8.6 13.6 0 24.3-4.2 34.6-8.2 11.2-4.4 21.4-8.4 36.8-8.4m0-16c-33.6 0-47.8 16.5-71.2 16.5-24 0-42.3-16.4-71.4-16.4-28.5 0-58.9 17.9-78.2 48.4-27.1 43-22.5 124 21.4 193 15.7 24.7 36.7 52.4 64.2 52.7h.5c23.9 0 31-16.1 63.9-16.3h.5c32.4 0 38.9 16.2 62.7 16.2h.5c27.5-.3 49.6-31 65.3-55.6 11.3-17.7 15.5-26.6 24.2-46.6-63.5-24.8-73.7-117.4-10.9-152.9-19.2-24.7-46.1-39-71.5-39z" fill="currentColor"/><path d="M309.9 84.5c-2.7 14.9-10.5 26.8-14.6 32.2-7.4 9.8-18 17.4-28.8 21.1.5-3 1.3-6.1 2.4-9.2 3.5-10.2 8.9-18.2 12.8-23.1 7.1-8.8 17.6-16.4 28.2-21M326.2 64c-20 1.4-43.3 14.5-57 31.6-12.4 15.5-22.6 38.5-18.6 60.8h1.6c21.3 0 43.1-13.2 55.8-30.1 12.3-16.1 21.6-38.9 18.2-62.3z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M333.6 169.9c16.3 0 33.2 7.4 47.4 20.4-9.9 8.5-17.9 18.7-23.7 30.2-8 16-11.6 34.3-10.2 52.7 1.3 18.7 7.6 36.6 18 51.8 8 11.6 18.2 21.2 30 28.3-5 10.7-9.2 18.4-16.8 30.5-8.4 13.1-30.5 48-52 48.2h-.4c-7.4 0-12.2-2.2-19.3-5.6-10-4.7-22.3-10.6-43.4-10.6h-.6c-21.1.1-33.8 5.9-43.9 10.6-7.4 3.4-12.3 5.7-19.9 5.7h-.4c-19.6-.2-37.5-24.3-50.8-45.2-19.3-30.4-31.7-65.6-34.9-99.1-2.9-30.5 2-58.5 13.5-76.7 8-12.7 18.5-23.3 30.4-30.6 11.2-6.8 23-10.4 34.2-10.4 12.4 0 22.7 3.8 33.7 7.8 11.5 4.2 23.5 8.6 37.7 8.6 13.6 0 24.3-4.2 34.6-8.2 11.2-4.4 21.4-8.4 36.8-8.4m0-16c-33.6 0-47.8 16.5-71.2 16.5-24 0-42.3-16.4-71.4-16.4-28.5 0-58.9 17.9-78.2 48.4-27.1 43-22.5 124 21.4 193 15.7 24.7 36.7 52.4 64.2 52.7h.5c23.9 0 31-16.1 63.9-16.3h.5c32.4 0 38.9 16.2 62.7 16.2h.5c27.5-.3 49.6-31 65.3-55.6 11.3-17.7 15.5-26.6 24.2-46.6-63.5-24.8-73.7-117.4-10.9-152.9-19.2-24.7-46.1-39-71.5-39z" fill="currentColor"/><path d="M309.9 84.5c-2.7 14.9-10.5 26.8-14.6 32.2-7.4 9.8-18 17.4-28.8 21.1.5-3 1.3-6.1 2.4-9.2 3.5-10.2 8.9-18.2 12.8-23.1 7.1-8.8 17.6-16.4 28.2-21M326.2 64c-20 1.4-43.3 14.5-57 31.6-12.4 15.5-22.6 38.5-18.6 60.8h1.6c21.3 0 43.1-13.2 55.8-30.1 12.3-16.1 21.6-38.9 18.2-62.3z" fill="currentColor"/></svg> </template>
CSS
.icon-social-apple-outline {
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%20512%20512%22%3E%3Cpath%20d%3D%22M333.6%20169.9c16.3%200%2033.2%207.4%2047.4%2020.4-9.9%208.5-17.9%2018.7-23.7%2030.2-8%2016-11.6%2034.3-10.2%2052.7%201.3%2018.7%207.6%2036.6%2018%2051.8%208%2011.6%2018.2%2021.2%2030%2028.3-5%2010.7-9.2%2018.4-16.8%2030.5-8.4%2013.1-30.5%2048-52%2048.2h-.4c-7.4%200-12.2-2.2-19.3-5.6-10-4.7-22.3-10.6-43.4-10.6h-.6c-21.1.1-33.8%205.9-43.9%2010.6-7.4%203.4-12.3%205.7-19.9%205.7h-.4c-19.6-.2-37.5-24.3-50.8-45.2-19.3-30.4-31.7-65.6-34.9-99.1-2.9-30.5%202-58.5%2013.5-76.7%208-12.7%2018.5-23.3%2030.4-30.6%2011.2-6.8%2023-10.4%2034.2-10.4%2012.4%200%2022.7%203.8%2033.7%207.8%2011.5%204.2%2023.5%208.6%2037.7%208.6%2013.6%200%2024.3-4.2%2034.6-8.2%2011.2-4.4%2021.4-8.4%2036.8-8.4m0-16c-33.6%200-47.8%2016.5-71.2%2016.5-24%200-42.3-16.4-71.4-16.4-28.5%200-58.9%2017.9-78.2%2048.4-27.1%2043-22.5%20124%2021.4%20193%2015.7%2024.7%2036.7%2052.4%2064.2%2052.7h.5c23.9%200%2031-16.1%2063.9-16.3h.5c32.4%200%2038.9%2016.2%2062.7%2016.2h.5c27.5-.3%2049.6-31%2065.3-55.6%2011.3-17.7%2015.5-26.6%2024.2-46.6-63.5-24.8-73.7-117.4-10.9-152.9-19.2-24.7-46.1-39-71.5-39z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M309.9%2084.5c-2.7%2014.9-10.5%2026.8-14.6%2032.2-7.4%209.8-18%2017.4-28.8%2021.1.5-3%201.3-6.1%202.4-9.2%203.5-10.2%208.9-18.2%2012.8-23.1%207.1-8.8%2017.6-16.4%2028.2-21M326.2%2064c-20%201.4-43.3%2014.5-57%2031.6-12.4%2015.5-22.6%2038.5-18.6%2060.8h1.6c21.3%200%2043.1-13.2%2055.8-30.1%2012.3-16.1%2021.6-38.9%2018.2-62.3z%22%20fill%3D%22currentColor%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%20512%20512%22%3E%3Cpath%20d%3D%22M333.6%20169.9c16.3%200%2033.2%207.4%2047.4%2020.4-9.9%208.5-17.9%2018.7-23.7%2030.2-8%2016-11.6%2034.3-10.2%2052.7%201.3%2018.7%207.6%2036.6%2018%2051.8%208%2011.6%2018.2%2021.2%2030%2028.3-5%2010.7-9.2%2018.4-16.8%2030.5-8.4%2013.1-30.5%2048-52%2048.2h-.4c-7.4%200-12.2-2.2-19.3-5.6-10-4.7-22.3-10.6-43.4-10.6h-.6c-21.1.1-33.8%205.9-43.9%2010.6-7.4%203.4-12.3%205.7-19.9%205.7h-.4c-19.6-.2-37.5-24.3-50.8-45.2-19.3-30.4-31.7-65.6-34.9-99.1-2.9-30.5%202-58.5%2013.5-76.7%208-12.7%2018.5-23.3%2030.4-30.6%2011.2-6.8%2023-10.4%2034.2-10.4%2012.4%200%2022.7%203.8%2033.7%207.8%2011.5%204.2%2023.5%208.6%2037.7%208.6%2013.6%200%2024.3-4.2%2034.6-8.2%2011.2-4.4%2021.4-8.4%2036.8-8.4m0-16c-33.6%200-47.8%2016.5-71.2%2016.5-24%200-42.3-16.4-71.4-16.4-28.5%200-58.9%2017.9-78.2%2048.4-27.1%2043-22.5%20124%2021.4%20193%2015.7%2024.7%2036.7%2052.4%2064.2%2052.7h.5c23.9%200%2031-16.1%2063.9-16.3h.5c32.4%200%2038.9%2016.2%2062.7%2016.2h.5c27.5-.3%2049.6-31%2065.3-55.6%2011.3-17.7%2015.5-26.6%2024.2-46.6-63.5-24.8-73.7-117.4-10.9-152.9-19.2-24.7-46.1-39-71.5-39z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M309.9%2084.5c-2.7%2014.9-10.5%2026.8-14.6%2032.2-7.4%209.8-18%2017.4-28.8%2021.1.5-3%201.3-6.1%202.4-9.2%203.5-10.2%208.9-18.2%2012.8-23.1%207.1-8.8%2017.6-16.4%2028.2-21M326.2%2064c-20%201.4-43.3%2014.5-57%2031.6-12.4%2015.5-22.6%2038.5-18.6%2060.8h1.6c21.3%200%2043.1-13.2%2055.8-30.1%2012.3-16.1%2021.6-38.9%2018.2-62.3z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/social-apple-outline.svg?color=%231a73e8&size=48
