Иконка Apple Podcasts
cib:apple-podcasts
Иконка Apple Podcasts (cib:apple-podcasts) — бесплатная SVG-иконка из набора CoreUI Brands от creativeLabs Łukasz Holeczek. Она нарисована на сетке 32 × 32. CoreUI Brands icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- CoreUI Brands
- Автор
- creativeLabs Łukasz Holeczek
- Лицензия
- CC0-1.0
- Размер
- 32 × 32
- Теги
- applepodcasts, podcast
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M7.12 0A7.1 7.1 0 0 0 0 7.12v17.76A7.1 7.1 0 0 0 7.12 32h17.76A7.1 7.1 0 0 0 32 24.88V7.12A7.1 7.1 0 0 0 24.88 0zm8.697 3.421c3.115 0 5.932 1.204 8.079 3.453c1.631 1.693 2.547 3.489 3.016 5.855c.161.787.161 2.932.009 3.817a11.34 11.34 0 0 1-4.317 7.063c-.812.615-2.797 1.683-3.115 1.683c-.12 0-.129-.12-.077-.615c.099-.792.192-.953.64-1.141c.713-.296 1.932-1.167 2.677-1.911a10.2 10.2 0 0 0 2.677-4.719c.281-1.1.244-3.543-.063-4.672c-.969-3.595-3.907-6.385-7.5-7.136c-1.041-.213-2.943-.213-4 0c-3.636.751-6.647 3.683-7.563 7.371c-.245 1.004-.245 3.448 0 4.448c.609 2.443 2.188 4.681 4.255 6.015c.407.271.896.547 1.1.631c.447.192.547.355.629 1.14c.052.485.041.62-.072.62c-.073 0-.62-.235-1.199-.511l-.052-.041c-3.297-1.62-5.407-4.364-6.177-8.016c-.187-.943-.224-3.187-.036-4.052c.479-2.323 1.396-4.135 2.921-5.739c2.199-2.319 5.027-3.543 8.172-3.543zM16 7.172a7.6 7.6 0 0 1 1.473.14c3.715.828 6.344 4.543 5.833 8.229c-.203 1.489-.713 2.709-1.619 3.844c-.448.573-1.537 1.532-1.729 1.532c-.032 0-.063-.365-.063-.803v-.808l.552-.661c2.093-2.505 1.943-6.005-.339-8.296c-.885-.896-1.912-1.423-3.235-1.661c-.853-.161-1.031-.161-1.927-.011c-1.364.219-2.417.744-3.355 1.672c-2.291 2.271-2.443 5.791-.348 8.296l.552.661v.813c0 .448-.037.807-.084.807c-.036 0-.349-.213-.683-.479l-.047-.016c-1.109-.885-2.088-2.453-2.495-3.995c-.244-.932-.244-2.697.011-3.625c.672-2.505 2.521-4.448 5.079-5.359c.547-.193 1.509-.297 2.416-.281zm-.177 3.984c.417 0 .828.084 1.131.24c.645.339 1.183.989 1.385 1.677c.62 2.104-1.609 3.948-3.631 3.005h-.015c-.953-.443-1.464-1.276-1.475-2.36c0-.979.541-1.828 1.484-2.328c.297-.156.709-.235 1.125-.235zm-.011 6.308c1.319-.005 2.271.463 2.625 1.291c.265.62.167 2.573-.292 5.735c-.307 2.208-.479 2.765-.905 3.141c-.589.52-1.417.667-2.209.385h-.004c-.953-.344-1.157-.808-1.553-3.527c-.452-3.161-.552-5.115-.285-5.735c.348-.823 1.296-1.285 2.624-1.291z"/></svg>Как использовать иконку Apple Podcasts
React
import { Icon } from "@iconify/react";
<Icon icon="cib:apple-podcasts" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:apple-podcasts" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:apple-podcasts" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--apple-podcasts]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:apple-podcasts"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:apple-podcasts"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/cib/apple-podcasts.svg" alt="Иконка Apple Podcasts" width="24" height="24">Похожие иконки в наборе CoreUI Brands
Иконка Apple Podcasts в других наборах
Вопросы и ответы: Иконка Apple Podcasts
Можно ли бесплатно использовать иконку Apple Podcasts в коммерческих проектах?
Да. CoreUI Brands icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Apple Podcasts в React?
Установите @iconify/react и выведите <Icon icon="cib:apple-podcasts" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Apple Podcasts на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/cib/apple-podcasts.svg" alt="Иконка Apple Podcasts">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.