apple logo
apple-light from Skill Icons by tandpfun · Light · MIT Free for personal and commercial use.
- Name
- apple-light
- Set
- Skill Icons
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
1 other variant in Skill Icons
The same logo in other sets
apple-filledAnt Design IconsappleBootstrap IconsappleBoxicons BrandsappleCarbonappleCatppuccin IconsappleCoreUI BrandsappleDeviconappleElement PlusappleFont Awesome 6 BrandsappleFont Awesome Brandsapple-solidFlowbite IconsappleHuge IconsappleIconParkappleIconPark OutlineappleIconPark SolidappleIconPark TwoToneappleIconoirappleJam IconsappleLine AwesomeappleSVG LogosappleLucideappleMage IconsappleMaterial Design Iconsapple-fillMingCute Icon
Use the apple logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><g clip-path="url(#SVGv3WPqdcU)"><path fill="#f4f2ed" d="M196 0H60C26.863 0 0 26.863 0 60v136c0 33.137 26.863 60 60 60h136c33.137 0 60-26.863 60-60V60c0-33.137-26.863-60-60-60"/><path fill="#00a0e2" fill-rule="evenodd" d="M191.072 195.009c-3.27 5.387-6.54 9.426-10.484 13.176c-4.424 3.944-5.674 7.406-15.87 8.754c-7.213 1.347-13.465-1.348-15.87-2.405c-7.214-3.367-10.966-4.424-15.293-4.424c-4.232 0-7.791 1.058-14.909 4.328c-2.212 1.153-8.175 3.751-15.485 2.405c-7.502-1.347-11.35-4.232-14.139-6.637c-5.771-5.097-10.1-9.907-14.043-15.485z" clip-rule="evenodd"/><path fill="#34be2d" fill-rule="evenodd" d="M58.726 105.27c3.366-7.598 7.79-12.696 12.215-16.255c11.253-9.233 29.624-9.81 38.088-7.598c6.926 1.731 11.831 5.963 19.622 5.963c8.175 0 12.887-4.136 19.333-5.963c8.464-2.116 26.931-1.443 38.954 7.79c3.559 2.694 6.827 6.349 8.655 8.369c-4.327 3.174-6.925 5.482-9.041 7.694z" clip-rule="evenodd"/><path fill="#ffb400" fill-rule="evenodd" d="M186.553 105.27c-2.02 2.212-3.462 4.329-5.098 7.31c-1.922 3.463-4.232 8.176-4.809 15.293H53.051c.096-1.154.192-2.404.384-3.655c1.155-7.598 2.982-13.85 5.29-18.948z" clip-rule="evenodd"/><path fill="#ff7a00" fill-rule="evenodd" d="M176.646 127.873a74 74 0 0 0 0 6.541c.289 5.29 2.116 11.157 4.521 15.87l-125.712-.289c-1.731-7.598-2.693-15.389-2.404-22.122z" clip-rule="evenodd"/><path fill="#f41e34" fill-rule="evenodd" d="M181.166 150.284a33 33 0 0 0 3.558 5.771c8.272 10.58 11.831 10.58 18.275 13.851c-.479 1.152-.864 2.212-1.346 3.174l-138.888-.289c-2.693-5.867-5.482-14.139-7.31-22.795z" clip-rule="evenodd"/><path fill="#a2359c" fill-rule="evenodd" d="M201.653 173.08c-4.039 9.426-7.31 16.349-10.581 21.929l-116.091-.288c-3.848-5.675-7.31-11.928-11.254-19.719c-.288-.673-.673-1.443-.962-2.211z" clip-rule="evenodd"/><path fill="#34be2d" fill-rule="evenodd" d="M161.352 52.658c-.674 4.81-3.078 10.965-6.925 14.908c-4.138 4.425-10.581 9.234-14.429 11.639c-2.116 1.346-7.599 1.538-12.118 2.02c-.577-4.04-.673-7.503.577-11.254c1.635-4.424 3.753-10.772 7.118-15.197c4.135-5.482 8.848-9.233 11.445-10.58c3.464-1.731 9.235-4.328 14.236-5.194c.193 4.424.867 9.426.096 13.658" clip-rule="evenodd"/></g><defs><clipPath id="SVGv3WPqdcU"><path fill="#fff" d="M0 0h256v256H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function SkillIconsAppleLight(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><g clipPath="url(#SVGv3WPqdcU)"><path fill="#f4f2ed" d="M196 0H60C26.863 0 0 26.863 0 60v136c0 33.137 26.863 60 60 60h136c33.137 0 60-26.863 60-60V60c0-33.137-26.863-60-60-60"/><path fill="#00a0e2" fillRule="evenodd" d="M191.072 195.009c-3.27 5.387-6.54 9.426-10.484 13.176c-4.424 3.944-5.674 7.406-15.87 8.754c-7.213 1.347-13.465-1.348-15.87-2.405c-7.214-3.367-10.966-4.424-15.293-4.424c-4.232 0-7.791 1.058-14.909 4.328c-2.212 1.153-8.175 3.751-15.485 2.405c-7.502-1.347-11.35-4.232-14.139-6.637c-5.771-5.097-10.1-9.907-14.043-15.485z" clipRule="evenodd"/><path fill="#34be2d" fillRule="evenodd" d="M58.726 105.27c3.366-7.598 7.79-12.696 12.215-16.255c11.253-9.233 29.624-9.81 38.088-7.598c6.926 1.731 11.831 5.963 19.622 5.963c8.175 0 12.887-4.136 19.333-5.963c8.464-2.116 26.931-1.443 38.954 7.79c3.559 2.694 6.827 6.349 8.655 8.369c-4.327 3.174-6.925 5.482-9.041 7.694z" clipRule="evenodd"/><path fill="#ffb400" fillRule="evenodd" d="M186.553 105.27c-2.02 2.212-3.462 4.329-5.098 7.31c-1.922 3.463-4.232 8.176-4.809 15.293H53.051c.096-1.154.192-2.404.384-3.655c1.155-7.598 2.982-13.85 5.29-18.948z" clipRule="evenodd"/><path fill="#ff7a00" fillRule="evenodd" d="M176.646 127.873a74 74 0 0 0 0 6.541c.289 5.29 2.116 11.157 4.521 15.87l-125.712-.289c-1.731-7.598-2.693-15.389-2.404-22.122z" clipRule="evenodd"/><path fill="#f41e34" fillRule="evenodd" d="M181.166 150.284a33 33 0 0 0 3.558 5.771c8.272 10.58 11.831 10.58 18.275 13.851c-.479 1.152-.864 2.212-1.346 3.174l-138.888-.289c-2.693-5.867-5.482-14.139-7.31-22.795z" clipRule="evenodd"/><path fill="#a2359c" fillRule="evenodd" d="M201.653 173.08c-4.039 9.426-7.31 16.349-10.581 21.929l-116.091-.288c-3.848-5.675-7.31-11.928-11.254-19.719c-.288-.673-.673-1.443-.962-2.211z" clipRule="evenodd"/><path fill="#34be2d" fillRule="evenodd" d="M161.352 52.658c-.674 4.81-3.078 10.965-6.925 14.908c-4.138 4.425-10.581 9.234-14.429 11.639c-2.116 1.346-7.599 1.538-12.118 2.02c-.577-4.04-.673-7.503.577-11.254c1.635-4.424 3.753-10.772 7.118-15.197c4.135-5.482 8.848-9.233 11.445-10.58c3.464-1.731 9.235-4.328 14.236-5.194c.193 4.424.867 9.426.096 13.658" clipRule="evenodd"/></g><defs><clipPath id="SVGv3WPqdcU"><path fill="#fff" d="M0 0h256v256H0z"/></clipPath></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><g clip-path="url(#SVGv3WPqdcU)"><path fill="#f4f2ed" d="M196 0H60C26.863 0 0 26.863 0 60v136c0 33.137 26.863 60 60 60h136c33.137 0 60-26.863 60-60V60c0-33.137-26.863-60-60-60"/><path fill="#00a0e2" fill-rule="evenodd" d="M191.072 195.009c-3.27 5.387-6.54 9.426-10.484 13.176c-4.424 3.944-5.674 7.406-15.87 8.754c-7.213 1.347-13.465-1.348-15.87-2.405c-7.214-3.367-10.966-4.424-15.293-4.424c-4.232 0-7.791 1.058-14.909 4.328c-2.212 1.153-8.175 3.751-15.485 2.405c-7.502-1.347-11.35-4.232-14.139-6.637c-5.771-5.097-10.1-9.907-14.043-15.485z" clip-rule="evenodd"/><path fill="#34be2d" fill-rule="evenodd" d="M58.726 105.27c3.366-7.598 7.79-12.696 12.215-16.255c11.253-9.233 29.624-9.81 38.088-7.598c6.926 1.731 11.831 5.963 19.622 5.963c8.175 0 12.887-4.136 19.333-5.963c8.464-2.116 26.931-1.443 38.954 7.79c3.559 2.694 6.827 6.349 8.655 8.369c-4.327 3.174-6.925 5.482-9.041 7.694z" clip-rule="evenodd"/><path fill="#ffb400" fill-rule="evenodd" d="M186.553 105.27c-2.02 2.212-3.462 4.329-5.098 7.31c-1.922 3.463-4.232 8.176-4.809 15.293H53.051c.096-1.154.192-2.404.384-3.655c1.155-7.598 2.982-13.85 5.29-18.948z" clip-rule="evenodd"/><path fill="#ff7a00" fill-rule="evenodd" d="M176.646 127.873a74 74 0 0 0 0 6.541c.289 5.29 2.116 11.157 4.521 15.87l-125.712-.289c-1.731-7.598-2.693-15.389-2.404-22.122z" clip-rule="evenodd"/><path fill="#f41e34" fill-rule="evenodd" d="M181.166 150.284a33 33 0 0 0 3.558 5.771c8.272 10.58 11.831 10.58 18.275 13.851c-.479 1.152-.864 2.212-1.346 3.174l-138.888-.289c-2.693-5.867-5.482-14.139-7.31-22.795z" clip-rule="evenodd"/><path fill="#a2359c" fill-rule="evenodd" d="M201.653 173.08c-4.039 9.426-7.31 16.349-10.581 21.929l-116.091-.288c-3.848-5.675-7.31-11.928-11.254-19.719c-.288-.673-.673-1.443-.962-2.211z" clip-rule="evenodd"/><path fill="#34be2d" fill-rule="evenodd" d="M161.352 52.658c-.674 4.81-3.078 10.965-6.925 14.908c-4.138 4.425-10.581 9.234-14.429 11.639c-2.116 1.346-7.599 1.538-12.118 2.02c-.577-4.04-.673-7.503.577-11.254c1.635-4.424 3.753-10.772 7.118-15.197c4.135-5.482 8.848-9.233 11.445-10.58c3.464-1.731 9.235-4.328 14.236-5.194c.193 4.424.867 9.426.096 13.658" clip-rule="evenodd"/></g><defs><clipPath id="SVGv3WPqdcU"><path fill="#fff" d="M0 0h256v256H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-apple-light {
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%20256%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGv3WPqdcU)%22%3E%3Cpath%20fill%3D%22%23f4f2ed%22%20d%3D%22M196%200H60C26.863%200%200%2026.863%200%2060v136c0%2033.137%2026.863%2060%2060%2060h136c33.137%200%2060-26.863%2060-60V60c0-33.137-26.863-60-60-60%22%2F%3E%3Cpath%20fill%3D%22%2300a0e2%22%20fill-rule%3D%22evenodd%22%20d%3D%22M191.072%20195.009c-3.27%205.387-6.54%209.426-10.484%2013.176c-4.424%203.944-5.674%207.406-15.87%208.754c-7.213%201.347-13.465-1.348-15.87-2.405c-7.214-3.367-10.966-4.424-15.293-4.424c-4.232%200-7.791%201.058-14.909%204.328c-2.212%201.153-8.175%203.751-15.485%202.405c-7.502-1.347-11.35-4.232-14.139-6.637c-5.771-5.097-10.1-9.907-14.043-15.485z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%2334be2d%22%20fill-rule%3D%22evenodd%22%20d%3D%22M58.726%20105.27c3.366-7.598%207.79-12.696%2012.215-16.255c11.253-9.233%2029.624-9.81%2038.088-7.598c6.926%201.731%2011.831%205.963%2019.622%205.963c8.175%200%2012.887-4.136%2019.333-5.963c8.464-2.116%2026.931-1.443%2038.954%207.79c3.559%202.694%206.827%206.349%208.655%208.369c-4.327%203.174-6.925%205.482-9.041%207.694z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23ffb400%22%20fill-rule%3D%22evenodd%22%20d%3D%22M186.553%20105.27c-2.02%202.212-3.462%204.329-5.098%207.31c-1.922%203.463-4.232%208.176-4.809%2015.293H53.051c.096-1.154.192-2.404.384-3.655c1.155-7.598%202.982-13.85%205.29-18.948z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23ff7a00%22%20fill-rule%3D%22evenodd%22%20d%3D%22M176.646%20127.873a74%2074%200%200%200%200%206.541c.289%205.29%202.116%2011.157%204.521%2015.87l-125.712-.289c-1.731-7.598-2.693-15.389-2.404-22.122z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23f41e34%22%20fill-rule%3D%22evenodd%22%20d%3D%22M181.166%20150.284a33%2033%200%200%200%203.558%205.771c8.272%2010.58%2011.831%2010.58%2018.275%2013.851c-.479%201.152-.864%202.212-1.346%203.174l-138.888-.289c-2.693-5.867-5.482-14.139-7.31-22.795z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23a2359c%22%20fill-rule%3D%22evenodd%22%20d%3D%22M201.653%20173.08c-4.039%209.426-7.31%2016.349-10.581%2021.929l-116.091-.288c-3.848-5.675-7.31-11.928-11.254-19.719c-.288-.673-.673-1.443-.962-2.211z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%2334be2d%22%20fill-rule%3D%22evenodd%22%20d%3D%22M161.352%2052.658c-.674%204.81-3.078%2010.965-6.925%2014.908c-4.138%204.425-10.581%209.234-14.429%2011.639c-2.116%201.346-7.599%201.538-12.118%202.02c-.577-4.04-.673-7.503.577-11.254c1.635-4.424%203.753-10.772%207.118-15.197c4.135-5.482%208.848-9.233%2011.445-10.58c3.464-1.731%209.235-4.328%2014.236-5.194c.193%204.424.867%209.426.096%2013.658%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGv3WPqdcU%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h256v256H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%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%20256%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGv3WPqdcU)%22%3E%3Cpath%20fill%3D%22%23f4f2ed%22%20d%3D%22M196%200H60C26.863%200%200%2026.863%200%2060v136c0%2033.137%2026.863%2060%2060%2060h136c33.137%200%2060-26.863%2060-60V60c0-33.137-26.863-60-60-60%22%2F%3E%3Cpath%20fill%3D%22%2300a0e2%22%20fill-rule%3D%22evenodd%22%20d%3D%22M191.072%20195.009c-3.27%205.387-6.54%209.426-10.484%2013.176c-4.424%203.944-5.674%207.406-15.87%208.754c-7.213%201.347-13.465-1.348-15.87-2.405c-7.214-3.367-10.966-4.424-15.293-4.424c-4.232%200-7.791%201.058-14.909%204.328c-2.212%201.153-8.175%203.751-15.485%202.405c-7.502-1.347-11.35-4.232-14.139-6.637c-5.771-5.097-10.1-9.907-14.043-15.485z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%2334be2d%22%20fill-rule%3D%22evenodd%22%20d%3D%22M58.726%20105.27c3.366-7.598%207.79-12.696%2012.215-16.255c11.253-9.233%2029.624-9.81%2038.088-7.598c6.926%201.731%2011.831%205.963%2019.622%205.963c8.175%200%2012.887-4.136%2019.333-5.963c8.464-2.116%2026.931-1.443%2038.954%207.79c3.559%202.694%206.827%206.349%208.655%208.369c-4.327%203.174-6.925%205.482-9.041%207.694z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23ffb400%22%20fill-rule%3D%22evenodd%22%20d%3D%22M186.553%20105.27c-2.02%202.212-3.462%204.329-5.098%207.31c-1.922%203.463-4.232%208.176-4.809%2015.293H53.051c.096-1.154.192-2.404.384-3.655c1.155-7.598%202.982-13.85%205.29-18.948z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23ff7a00%22%20fill-rule%3D%22evenodd%22%20d%3D%22M176.646%20127.873a74%2074%200%200%200%200%206.541c.289%205.29%202.116%2011.157%204.521%2015.87l-125.712-.289c-1.731-7.598-2.693-15.389-2.404-22.122z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23f41e34%22%20fill-rule%3D%22evenodd%22%20d%3D%22M181.166%20150.284a33%2033%200%200%200%203.558%205.771c8.272%2010.58%2011.831%2010.58%2018.275%2013.851c-.479%201.152-.864%202.212-1.346%203.174l-138.888-.289c-2.693-5.867-5.482-14.139-7.31-22.795z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23a2359c%22%20fill-rule%3D%22evenodd%22%20d%3D%22M201.653%20173.08c-4.039%209.426-7.31%2016.349-10.581%2021.929l-116.091-.288c-3.848-5.675-7.31-11.928-11.254-19.719c-.288-.673-.673-1.443-.962-2.211z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%2334be2d%22%20fill-rule%3D%22evenodd%22%20d%3D%22M161.352%2052.658c-.674%204.81-3.078%2010.965-6.925%2014.908c-4.138%204.425-10.581%209.234-14.429%2011.639c-2.116%201.346-7.599%201.538-12.118%202.02c-.577-4.04-.673-7.503.577-11.254c1.635-4.424%203.753-10.772%207.118-15.197c4.135-5.482%208.848-9.233%2011.445-10.58c3.464-1.731%209.235-4.328%2014.236-5.194c.193%204.424.867%209.426.096%2013.658%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGv3WPqdcU%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h256v256H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/skill-icons/apple-light.svg?color=%231a73e8&size=48
