apple icon
apple from Bootstrap Icons by The Bootstrap Authors · Outline · MIT Free for personal and commercial use.
- Name
- apple
- Set
- Bootstrap Icons
- Style
- Outline
- Viewbox
- 16×16
- License
- MIT
The same icon in other sets
appleBoxicons BrandsappleCarbonappleCatppuccin IconsappleDeviconappleFont Awesome 6 BrandsappleHuge IconsappleIconoirappleJam IconsappleLine AwesomeappleSVG LogosappleLucideappleMage IconsappleMaterial Design Iconsapple-fillMingCute IconappleOpenMojiapplePixelarticonsapple-fillRemix IconappleSimple Iconsapple-darkSkill IconsappleTabler Iconsapple-outlineTeenyiconsappleUniconsappleUnicons Monochrome
Related icons in Bootstrap Icons
Use the apple icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><defs><path id="SVG67go7b2R" d="M11.182.008C11.148-.03 9.923.023 8.857 1.18c-1.066 1.156-.902 2.482-.878 2.516s1.52.087 2.475-1.258s.762-2.391.728-2.43m3.314 11.733c-.048-.096-2.325-1.234-2.113-3.422s1.675-2.789 1.698-2.854s-.597-.79-1.254-1.157a3.7 3.7 0 0 0-1.563-.434c-.108-.003-.483-.095-1.254.116c-.508.139-1.653.589-1.968.607c-.316.018-1.256-.522-2.267-.665c-.647-.125-1.333.131-1.824.328c-.49.196-1.422.754-2.074 2.237c-.652 1.482-.311 3.83-.067 4.56s.625 1.924 1.273 2.796c.576.984 1.34 1.667 1.659 1.899s1.219.386 1.843.067c.502-.308 1.408-.485 1.766-.472c.357.013 1.061.154 1.782.539c.571.197 1.111.115 1.652-.105c.541-.221 1.324-1.059 2.238-2.758q.52-1.185.473-1.282"/></defs><g fill="currentColor"><use href="#SVG67go7b2R"/><use href="#SVG67go7b2R"/></g></svg>
React
import type { SVGProps } from "react";
export function BiApple(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><defs><path id="SVG67go7b2R" d="M11.182.008C11.148-.03 9.923.023 8.857 1.18c-1.066 1.156-.902 2.482-.878 2.516s1.52.087 2.475-1.258s.762-2.391.728-2.43m3.314 11.733c-.048-.096-2.325-1.234-2.113-3.422s1.675-2.789 1.698-2.854s-.597-.79-1.254-1.157a3.7 3.7 0 0 0-1.563-.434c-.108-.003-.483-.095-1.254.116c-.508.139-1.653.589-1.968.607c-.316.018-1.256-.522-2.267-.665c-.647-.125-1.333.131-1.824.328c-.49.196-1.422.754-2.074 2.237c-.652 1.482-.311 3.83-.067 4.56s.625 1.924 1.273 2.796c.576.984 1.34 1.667 1.659 1.899s1.219.386 1.843.067c.502-.308 1.408-.485 1.766-.472c.357.013 1.061.154 1.782.539c.571.197 1.111.115 1.652-.105c.541-.221 1.324-1.059 2.238-2.758q.52-1.185.473-1.282"/></defs><g fill="currentColor"><use href="#SVG67go7b2R"/><use href="#SVG67go7b2R"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><defs><path id="SVG67go7b2R" d="M11.182.008C11.148-.03 9.923.023 8.857 1.18c-1.066 1.156-.902 2.482-.878 2.516s1.52.087 2.475-1.258s.762-2.391.728-2.43m3.314 11.733c-.048-.096-2.325-1.234-2.113-3.422s1.675-2.789 1.698-2.854s-.597-.79-1.254-1.157a3.7 3.7 0 0 0-1.563-.434c-.108-.003-.483-.095-1.254.116c-.508.139-1.653.589-1.968.607c-.316.018-1.256-.522-2.267-.665c-.647-.125-1.333.131-1.824.328c-.49.196-1.422.754-2.074 2.237c-.652 1.482-.311 3.83-.067 4.56s.625 1.924 1.273 2.796c.576.984 1.34 1.667 1.659 1.899s1.219.386 1.843.067c.502-.308 1.408-.485 1.766-.472c.357.013 1.061.154 1.782.539c.571.197 1.111.115 1.652-.105c.541-.221 1.324-1.059 2.238-2.758q.52-1.185.473-1.282"/></defs><g fill="currentColor"><use href="#SVG67go7b2R"/><use href="#SVG67go7b2R"/></g></svg> </template>
CSS
.icon-apple {
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%2016%2016%22%3E%3Cdefs%3E%3Cpath%20id%3D%22SVG67go7b2R%22%20d%3D%22M11.182.008C11.148-.03%209.923.023%208.857%201.18c-1.066%201.156-.902%202.482-.878%202.516s1.52.087%202.475-1.258s.762-2.391.728-2.43m3.314%2011.733c-.048-.096-2.325-1.234-2.113-3.422s1.675-2.789%201.698-2.854s-.597-.79-1.254-1.157a3.7%203.7%200%200%200-1.563-.434c-.108-.003-.483-.095-1.254.116c-.508.139-1.653.589-1.968.607c-.316.018-1.256-.522-2.267-.665c-.647-.125-1.333.131-1.824.328c-.49.196-1.422.754-2.074%202.237c-.652%201.482-.311%203.83-.067%204.56s.625%201.924%201.273%202.796c.576.984%201.34%201.667%201.659%201.899s1.219.386%201.843.067c.502-.308%201.408-.485%201.766-.472c.357.013%201.061.154%201.782.539c.571.197%201.111.115%201.652-.105c.541-.221%201.324-1.059%202.238-2.758q.52-1.185.473-1.282%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cuse%20href%3D%22%23SVG67go7b2R%22%2F%3E%3Cuse%20href%3D%22%23SVG67go7b2R%22%2F%3E%3C%2Fg%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%2016%2016%22%3E%3Cdefs%3E%3Cpath%20id%3D%22SVG67go7b2R%22%20d%3D%22M11.182.008C11.148-.03%209.923.023%208.857%201.18c-1.066%201.156-.902%202.482-.878%202.516s1.52.087%202.475-1.258s.762-2.391.728-2.43m3.314%2011.733c-.048-.096-2.325-1.234-2.113-3.422s1.675-2.789%201.698-2.854s-.597-.79-1.254-1.157a3.7%203.7%200%200%200-1.563-.434c-.108-.003-.483-.095-1.254.116c-.508.139-1.653.589-1.968.607c-.316.018-1.256-.522-2.267-.665c-.647-.125-1.333.131-1.824.328c-.49.196-1.422.754-2.074%202.237c-.652%201.482-.311%203.83-.067%204.56s.625%201.924%201.273%202.796c.576.984%201.34%201.667%201.659%201.899s1.219.386%201.843.067c.502-.308%201.408-.485%201.766-.472c.357.013%201.061.154%201.782.539c.571.197%201.111.115%201.652-.105c.541-.221%201.324-1.059%202.238-2.758q.52-1.185.473-1.282%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cuse%20href%3D%22%23SVG67go7b2R%22%2F%3E%3Cuse%20href%3D%22%23SVG67go7b2R%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/apple.svg?color=%231a73e8&size=48
