Иконка Phone Missed

icon-park:phone-missed

Иконка Phone Missed (icon-park:phone-missed) — бесплатная SVG-иконка из набора IconPark от ByteDance. Она нарисована на сетке 48 × 48. IconPark icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: IconPark
Автор: ByteDance
Лицензия: Apache-2.0
Размер: 48 × 48
Категория: Общение
Теги: phonemissed

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" d="M15.9963 8.68584C16.7228 8.68584 17.3922 9.07986 17.7449 9.7151L20.1913 14.1219C20.5116 14.6989 20.5267 15.3968 20.2315 15.9871L17.8747 20.7008C17.8747 20.7008 18.5577 24.2122 21.4161 27.0706C24.2746 29.929 27.7742 30.6002 27.7742 30.6002L32.4871 28.2438C33.0778 27.9484 33.7762 27.9637 34.3534 28.2846L38.7727 30.7416C39.4074 31.0945 39.8009 31.7635 39.8009 32.4896V37.5631C39.8009 40.1468 37.401 42.0129 34.953 41.1868C29.925 39.4903 22.1203 36.2601 17.1735 31.3132C12.2267 26.3664 8.99643 18.5617 7.29989 13.5338C6.47387 11.0857 8.33996 8.68584 10.9236 8.68584H15.9963Z"/><path stroke-linecap="round" d="M38.7351 9.28589L30.2498 17.7712"/><path stroke-linecap="round" d="M30.2498 9.28596L38.735 17.7712"/></g></svg>

Как использовать иконку Phone Missed

React

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

<Icon icon="icon-park:phone-missed" width="24" />

Vue

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

<template>
  <Icon icon="icon-park:phone-missed" width="24" />
</template>

Svelte

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

<Icon icon="icon-park:phone-missed" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--phone-missed]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:phone-missed"></div>

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

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

<iconify-icon icon="icon-park:phone-missed"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/icon-park/phone-missed.svg" alt="Иконка Phone Missed" width="24" height="24">

Иконка Phone Missed в других наборах

Вопросы и ответы: Иконка Phone Missed

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

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

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

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

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

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

Все Иконки IconPark →