Apple Airpods Pro icon

cbi:apple-airpods-pro

The Apple Airpods Pro icon (cbi:apple-airpods-pro) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Custom Brand Icons
Author: Emanuele & rchiileea
License: CC-BY-NC-SA-4.0
Size: 24 × 24
Tags: appleairpods, airpodspro, appleairpodspro, airpod

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m8.317 11.43l-.519-.325a.64.64 0 0 1-.49.786l.52.325a.464.464 0 0 0 .492-.786Zm-.751.078a.463.463 0 0 0-.146-.638l-.722-.449a.463.463 0 0 0-.49.786l.716.448a.464.464 0 0 0 .642-.147m1.987 4.635a1.75 1.75 0 0 1-.089-.737a4.5 4.5 0 0 1 .643-1.809a4.1 4.1 0 0 1 1.315-1.441a2.4 2.4 0 0 1 .428-.212v-.005a4.93 4.93 0 0 0-3.581-2.493a.09.09 0 1 1 .023-.177a5.11 5.11 0 0 1 3.716 2.59a.1.1 0 0 1 .01.034a1.5 1.5 0 0 1 .43-.05a4.58 4.58 0 0 0-2.54-2.233a4.36 4.36 0 0 0-2.724-.273a2.74 2.74 0 0 0-1.485 1.017a3.23 3.23 0 0 0 .108 3.868a5.6 5.6 0 0 0 1.71 1.454l.07.035a6.4 6.4 0 0 0 1.741.478q.123.012.252.02l-.022-.057Zm-.938-3.979a.64.64 0 0 1-.885.2l-1.615-1.006a.642.642 0 0 1 .683-1.088l1.615 1.009a.64.64 0 0 1 .202.885m3.995 3.994a.59.59 0 0 0 .584-.041a1.57 1.57 0 0 0 .737-1.276a.59.59 0 0 0-.257-.526a.5.5 0 0 0-.339-.051a.6.6 0 0 1 .29-.11a.23.23 0 0 1 .126.027a.079.079 0 0 0 .1-.12l-.02-.018a.61.61 0 0 0-.639.126a2.4 2.4 0 0 0-.619.713l-.012.019a2.4 2.4 0 0 0-.32.916a.61.61 0 0 0 .21.616a.1.1 0 0 0 .03.01a.08.08 0 0 0 .05-.148a.25.25 0 0 1-.1-.131a.7.7 0 0 1-.034-.289a.5.5 0 0 0 .213.283m.087-1.174l.015-.025a1.3 1.3 0 0 1 .455-.465a.369.369 0 0 1 .605.349a1.41 1.41 0 0 1-.655 1.135a.37.37 0 0 1-.606-.349a1.3 1.3 0 0 1 .188-.645Zm.002-2.941a1 1 0 0 0-.167-.05a.1.1 0 0 1-.076-.013a1.3 1.3 0 0 0-.613.077a2 2 0 0 0-.409.2a3.94 3.94 0 0 0-1.255 1.378a4.3 4.3 0 0 0-.619 1.733a1.46 1.46 0 0 0 .131.784a1 1 0 0 0 .153.222q.033.035.068.068a1 1 0 0 0 .106.086a2.67 2.67 0 0 0 2.567.211a2.57 2.57 0 0 0 1.282-1.067a2.73 2.73 0 0 0 .316-1.762a2.37 2.37 0 0 0-1.484-1.867m1.1 3.571a1.64 1.64 0 0 1-.593.613a.66.66 0 0 1-.656.045a.5.5 0 0 1-.126-.1a.25.25 0 0 0 .1.131a.08.08 0 0 1-.049.148a.089.089 0 0 1-.108.139a.68.68 0 0 1-.236-.691a2.7 2.7 0 0 1 .36-1.029l.012-.022a2.65 2.65 0 0 1 .7-.8a.68.68 0 0 1 .716-.141a.09.09 0 0 1 .033.122a.09.09 0 0 1-.1.04a.079.079 0 0 1-.1.12a.23.23 0 0 0-.127-.027a.5.5 0 0 1 .122.05a.66.66 0 0 1 .29.59a1.64 1.64 0 0 1-.238.812m-6.453.196l-.065-.033a5 5 0 0 1-.246-.138a5 5 0 0 1-.428-.29v5.701a.9.9 0 0 0 .226.627a1.24 1.24 0 0 0 .947.317a1.23 1.23 0 0 0 .954-.316a.9.9 0 0 0 .22-.627v-4.758a5.1 5.1 0 0 1-1.591-.477ZM16.28 4.37a.64.64 0 0 1-.078-.5l-.52.326a.463.463 0 1 0 .491.785l.52-.325a.64.64 0 0 1-.413-.286m1.02-1.177l-.72.45a.463.463 0 0 0 .493.785l.717-.449a.463.463 0 0 0-.49-.786m1-.072a2.74 2.74 0 0 0-1.486-1.018a4.37 4.37 0 0 0-2.722.274a4.57 4.57 0 0 0-2.54 2.234a1.5 1.5 0 0 1 .43.049a.1.1 0 0 1 .01-.033a5.11 5.11 0 0 1 3.715-2.592a.09.09 0 0 1 .023.177a4.93 4.93 0 0 0-3.579 2.495a2.3 2.3 0 0 1 .428.211a4.1 4.1 0 0 1 1.315 1.441a4.5 4.5 0 0 1 .643 1.809a1.75 1.75 0 0 1-.089.737v.01l-.022.057q.129-.008.253-.021a6.4 6.4 0 0 0 1.74-.478l.07-.035a5.6 5.6 0 0 0 1.702-1.445a3.23 3.23 0 0 0 .108-3.872m-.418 1l-1.615 1.014a.642.642 0 0 1-.68-1.089l1.613-1.009a.642.642 0 0 1 .681 1.089Zm-6.122 4.472a2.4 2.4 0 0 0-.32-.916l-.013-.019a2.4 2.4 0 0 0-.619-.713a.61.61 0 0 0-.638-.125l-.02.018a.08.08 0 0 0-.01.09a.08.08 0 0 0 .11.029a.23.23 0 0 1 .126-.027a.6.6 0 0 1 .29.111a.5.5 0 0 0-.34.05a.59.59 0 0 0-.257.526a1.57 1.57 0 0 0 .737 1.277a.59.59 0 0 0 .584.04a.5.5 0 0 0 .217-.278a.7.7 0 0 1-.033.289a.24.24 0 0 1-.1.13a.08.08 0 0 0-.029.109a.08.08 0 0 0 .078.039a.1.1 0 0 0 .031-.01a.61.61 0 0 0 .206-.62m-.45.2a.44.44 0 0 1-.429-.041a1.41 1.41 0 0 1-.655-1.135a.37.37 0 0 1 .605-.35a1.3 1.3 0 0 1 .455.465l.015.025a1.3 1.3 0 0 1 .186.645a.44.44 0 0 1-.178.385Zm2.51-2.389a3.94 3.94 0 0 0-1.256-1.379a2 2 0 0 0-.409-.2a1.3 1.3 0 0 0-.613-.077a.08.08 0 0 1-.075.013a1 1 0 0 0-.165.049a2.37 2.37 0 0 0-1.486 1.868a2.72 2.72 0 0 0 .315 1.762a2.57 2.57 0 0 0 1.282 1.067a2.66 2.66 0 0 0 2.567-.214a1 1 0 0 0 .106-.086q.035-.033.068-.067a1 1 0 0 0 .153-.223a1.45 1.45 0 0 0 .131-.783a4.3 4.3 0 0 0-.619-1.73m-2.193 2.949a.09.09 0 0 1-.122-.032a.09.09 0 0 1 .014-.107a.08.08 0 0 1-.078-.039a.08.08 0 0 1 .03-.109a.24.24 0 0 0 .1-.13a.5.5 0 0 1-.127.1a.66.66 0 0 1-.654-.043a1.76 1.76 0 0 1-.827-1.434a.66.66 0 0 1 .29-.59a.5.5 0 0 1 .121-.05a.23.23 0 0 0-.127.027a.08.08 0 0 1-.109-.029a.08.08 0 0 1 .01-.09a.09.09 0 0 1-.1-.041a.09.09 0 0 1 .032-.122a.68.68 0 0 1 .716.141a2.7 2.7 0 0 1 .7.8l.012.021a2.7 2.7 0 0 1 .36 1.028a.68.68 0 0 1-.24.699m5.09-.808l-.066.033l-.016.007a5.1 5.1 0 0 1-1.59.478v4.754a.9.9 0 0 0 .22.628a1.23 1.23 0 0 0 .952.315a1.24 1.24 0 0 0 .947-.316a.9.9 0 0 0 .226-.627v-5.7a5 5 0 0 1-.428.29a6 6 0 0 1-.246.138"/></svg>

How to use the Apple Airpods Pro icon

React

import { Icon } from "@iconify/react";

<Icon icon="cbi:apple-airpods-pro" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="cbi:apple-airpods-pro" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="cbi:apple-airpods-pro" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--apple-airpods-pro]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:apple-airpods-pro"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="cbi:apple-airpods-pro"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/cbi/apple-airpods-pro.svg" alt="Apple Airpods Pro icon" width="24" height="24">

Related icons in Custom Brand Icons

Apple Airpods Pro icon FAQ

Is the Apple Airpods Pro icon free for commercial use?

No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.

How do I use the Apple Airpods Pro icon in React?

Install @iconify/react and render <Icon icon="cbi:apple-airpods-pro" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Apple Airpods Pro icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/apple-airpods-pro.svg" alt="Apple Airpods Pro icon">, or paste the SVG code inline to style it with CSS.

Browse all Custom Brand Icons →