Иконка Apple Dash

carbon:apple-dash

Иконка Apple Dash (carbon:apple-dash) — бесплатная SVG-иконка из набора Carbon от IBM. Она нарисована на сетке 32 × 32. Carbon icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Carbon
Автор: IBM
Лицензия: Apache-2.0
Размер: 32 × 32
Категория: Предприятия
Теги: appledash

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M7.083 11.671L5.408 10.58C4.5 11.967 4.015 13.809 4 15.905l2 .014c.012-1.712.386-3.18 1.082-4.248m-.997 6.145l-1.99.194c.188 1.938.659 3.674 1.398 5.159l1.79-.891c-.63-1.266-1.033-2.768-1.198-4.461m2.153 5.979l-1.569 1.24c1.333 1.687 3.097 2.758 4.84 2.938l.206-1.99c-1.191-.123-2.491-.94-3.477-2.188M16 25c-.733 0-1.478.271-2.199.533q-.27.1-.547.194l.643 1.894q.296-.1.588-.209C15.042 27.21 15.619 27 16 27c.38 0 .957.21 1.515.412q.27.1.546.195l.648-1.892q-.256-.089-.51-.182c-.721-.262-1.466-.533-2.2-.533Zm4.255.988l.185 1.992c1.746-.164 3.518-1.223 4.862-2.908l-1.563-1.247c-.992 1.243-2.295 2.052-3.484 2.163m4.445-3.676l1.787.897c.745-1.483 1.221-3.218 1.414-5.156l-1.99-.199c-.169 1.694-.576 3.194-1.21 4.458M28 15.95c-.008-2.095-.485-3.937-1.382-5.332L24.936 11.7c.69 1.073 1.058 2.544 1.064 4.256zM20 4h-1a2 2 0 0 0-2 2v1h1a2 2 0 0 0 2-2z"/><path fill="currentColor" d="m23.813 10.53l1.103-1.667A5.2 5.2 0 0 0 22 8c-1.415 0-2.417.288-3.301.542c-.577.166-1.137.32-1.798.4C16.399 6.138 13.947 4 11 4v2c1.822 0 3.346 1.232 3.827 2.901a13 13 0 0 1-1.526-.359C12.417 8.288 11.416 8 10 8c-1.07 0-2.05.29-2.916.863l1.103 1.668A3.23 3.23 0 0 1 10 10c1.134 0 1.918.226 2.749.464c.917.264 1.865.536 3.25.536s2.335-.273 3.252-.536C20.081 10.226 20.866 10 22 10c.67 0 1.28.179 1.812.53"/></svg>

Как использовать иконку Apple Dash

React

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

<Icon icon="carbon:apple-dash" width="24" />

Vue

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

<template>
  <Icon icon="carbon:apple-dash" width="24" />
</template>

Svelte

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

<Icon icon="carbon:apple-dash" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--apple-dash]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/carbon -->
<div class="i-carbon:apple-dash"></div>

Веб-компонент

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

<iconify-icon icon="carbon:apple-dash"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/carbon/apple-dash.svg" alt="Иконка Apple Dash" width="24" height="24">

Вопросы и ответы: Иконка Apple Dash

Можно ли бесплатно использовать иконку Apple Dash в коммерческих проектах?

Да. Carbon icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Apple Dash в React?

Установите @iconify/react и выведите <Icon icon="carbon:apple-dash" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Apple Dash на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/carbon/apple-dash.svg" alt="Иконка Apple Dash">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Carbon →