ios logo
ios from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- ios
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 257×128
- License
- CC0
The same logo in other sets
Use the ios logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 257 128"><path d="M1.862 124.978h21.17v-90.12H1.862zM12.405 23.04c6.631 0 11.817-5.101 11.817-11.477C24.222 5.1 19.036 0 12.405 0C5.858 0 .672 5.101.672 11.563c0 6.376 5.186 11.477 11.733 11.477M93.515.254c-35.792 0-58.238 24.401-58.238 63.426c0 39.024 22.444 63.34 58.239 63.34c35.707 0 58.153-24.316 58.153-63.34S129.225.254 93.516.254m0 18.705c21.85 0 35.793 17.344 35.793 44.72c0 27.291-13.943 44.636-35.792 44.636c-21.935 0-35.793-17.344-35.793-44.636c0-27.376 13.859-44.72 35.793-44.72M160.6 90.46c.935 22.616 19.469 36.558 47.695 36.558c29.672 0 48.377-14.623 48.377-37.919c0-18.279-10.542-28.566-35.453-34.262l-14.113-3.23c-15.049-3.571-21.255-8.332-21.255-16.494c0-10.203 9.352-17.004 23.21-17.004c14.028 0 23.635 6.887 24.656 18.364h20.914c-.51-21.595-18.364-36.219-45.4-36.219c-26.696 0-45.655 14.708-45.655 36.474c0 17.514 10.712 28.396 33.326 33.583l15.899 3.74c15.473 3.657 21.765 8.758 21.765 17.6c0 10.202-10.288 17.514-25.08 17.514c-14.963 0-26.27-7.397-27.63-18.705z"/></svg>
React
import type { SVGProps } from "react";
export function LogosIos(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 257 128"><path d="M1.862 124.978h21.17v-90.12H1.862zM12.405 23.04c6.631 0 11.817-5.101 11.817-11.477C24.222 5.1 19.036 0 12.405 0C5.858 0 .672 5.101.672 11.563c0 6.376 5.186 11.477 11.733 11.477M93.515.254c-35.792 0-58.238 24.401-58.238 63.426c0 39.024 22.444 63.34 58.239 63.34c35.707 0 58.153-24.316 58.153-63.34S129.225.254 93.516.254m0 18.705c21.85 0 35.793 17.344 35.793 44.72c0 27.291-13.943 44.636-35.792 44.636c-21.935 0-35.793-17.344-35.793-44.636c0-27.376 13.859-44.72 35.793-44.72M160.6 90.46c.935 22.616 19.469 36.558 47.695 36.558c29.672 0 48.377-14.623 48.377-37.919c0-18.279-10.542-28.566-35.453-34.262l-14.113-3.23c-15.049-3.571-21.255-8.332-21.255-16.494c0-10.203 9.352-17.004 23.21-17.004c14.028 0 23.635 6.887 24.656 18.364h20.914c-.51-21.595-18.364-36.219-45.4-36.219c-26.696 0-45.655 14.708-45.655 36.474c0 17.514 10.712 28.396 33.326 33.583l15.899 3.74c15.473 3.657 21.765 8.758 21.765 17.6c0 10.202-10.288 17.514-25.08 17.514c-14.963 0-26.27-7.397-27.63-18.705z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 257 128"><path d="M1.862 124.978h21.17v-90.12H1.862zM12.405 23.04c6.631 0 11.817-5.101 11.817-11.477C24.222 5.1 19.036 0 12.405 0C5.858 0 .672 5.101.672 11.563c0 6.376 5.186 11.477 11.733 11.477M93.515.254c-35.792 0-58.238 24.401-58.238 63.426c0 39.024 22.444 63.34 58.239 63.34c35.707 0 58.153-24.316 58.153-63.34S129.225.254 93.516.254m0 18.705c21.85 0 35.793 17.344 35.793 44.72c0 27.291-13.943 44.636-35.792 44.636c-21.935 0-35.793-17.344-35.793-44.636c0-27.376 13.859-44.72 35.793-44.72M160.6 90.46c.935 22.616 19.469 36.558 47.695 36.558c29.672 0 48.377-14.623 48.377-37.919c0-18.279-10.542-28.566-35.453-34.262l-14.113-3.23c-15.049-3.571-21.255-8.332-21.255-16.494c0-10.203 9.352-17.004 23.21-17.004c14.028 0 23.635 6.887 24.656 18.364h20.914c-.51-21.595-18.364-36.219-45.4-36.219c-26.696 0-45.655 14.708-45.655 36.474c0 17.514 10.712 28.396 33.326 33.583l15.899 3.74c15.473 3.657 21.765 8.758 21.765 17.6c0 10.202-10.288 17.514-25.08 17.514c-14.963 0-26.27-7.397-27.63-18.705z"/></svg> </template>
CSS
.icon-ios {
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%20257%20128%22%3E%3Cpath%20d%3D%22M1.862%20124.978h21.17v-90.12H1.862zM12.405%2023.04c6.631%200%2011.817-5.101%2011.817-11.477C24.222%205.1%2019.036%200%2012.405%200C5.858%200%20.672%205.101.672%2011.563c0%206.376%205.186%2011.477%2011.733%2011.477M93.515.254c-35.792%200-58.238%2024.401-58.238%2063.426c0%2039.024%2022.444%2063.34%2058.239%2063.34c35.707%200%2058.153-24.316%2058.153-63.34S129.225.254%2093.516.254m0%2018.705c21.85%200%2035.793%2017.344%2035.793%2044.72c0%2027.291-13.943%2044.636-35.792%2044.636c-21.935%200-35.793-17.344-35.793-44.636c0-27.376%2013.859-44.72%2035.793-44.72M160.6%2090.46c.935%2022.616%2019.469%2036.558%2047.695%2036.558c29.672%200%2048.377-14.623%2048.377-37.919c0-18.279-10.542-28.566-35.453-34.262l-14.113-3.23c-15.049-3.571-21.255-8.332-21.255-16.494c0-10.203%209.352-17.004%2023.21-17.004c14.028%200%2023.635%206.887%2024.656%2018.364h20.914c-.51-21.595-18.364-36.219-45.4-36.219c-26.696%200-45.655%2014.708-45.655%2036.474c0%2017.514%2010.712%2028.396%2033.326%2033.583l15.899%203.74c15.473%203.657%2021.765%208.758%2021.765%2017.6c0%2010.202-10.288%2017.514-25.08%2017.514c-14.963%200-26.27-7.397-27.63-18.705z%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%20257%20128%22%3E%3Cpath%20d%3D%22M1.862%20124.978h21.17v-90.12H1.862zM12.405%2023.04c6.631%200%2011.817-5.101%2011.817-11.477C24.222%205.1%2019.036%200%2012.405%200C5.858%200%20.672%205.101.672%2011.563c0%206.376%205.186%2011.477%2011.733%2011.477M93.515.254c-35.792%200-58.238%2024.401-58.238%2063.426c0%2039.024%2022.444%2063.34%2058.239%2063.34c35.707%200%2058.153-24.316%2058.153-63.34S129.225.254%2093.516.254m0%2018.705c21.85%200%2035.793%2017.344%2035.793%2044.72c0%2027.291-13.943%2044.636-35.792%2044.636c-21.935%200-35.793-17.344-35.793-44.636c0-27.376%2013.859-44.72%2035.793-44.72M160.6%2090.46c.935%2022.616%2019.469%2036.558%2047.695%2036.558c29.672%200%2048.377-14.623%2048.377-37.919c0-18.279-10.542-28.566-35.453-34.262l-14.113-3.23c-15.049-3.571-21.255-8.332-21.255-16.494c0-10.203%209.352-17.004%2023.21-17.004c14.028%200%2023.635%206.887%2024.656%2018.364h20.914c-.51-21.595-18.364-36.219-45.4-36.219c-26.696%200-45.655%2014.708-45.655%2036.474c0%2017.514%2010.712%2028.396%2033.326%2033.583l15.899%203.74c15.473%203.657%2021.765%208.758%2021.765%2017.6c0%2010.202-10.288%2017.514-25.08%2017.514c-14.963%200-26.27-7.397-27.63-18.705z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/ios.svg?color=%231a73e8&size=48
