Иконка Phone Incoming One

icon-park:phone-incoming-one

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

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

Скачать 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="M13.3756 9.79424C14.1022 9.79424 14.7716 10.1883 15.1242 10.8235L17.5707 15.2303C17.891 15.8073 17.906 16.5052 17.6109 17.0955L15.2541 21.8092C15.2541 21.8092 15.937 25.3206 18.7955 28.179C21.6539 31.0374 25.1536 31.7086 25.1536 31.7086L29.8665 29.3522C30.4572 29.0568 31.1556 29.0721 31.7328 29.393L36.1521 31.85C36.7867 32.2028 37.1803 32.8719 37.1803 33.598V38.6715C37.1803 41.2552 34.7804 43.1213 32.3323 42.2952C27.3044 40.5987 19.4997 37.3685 14.5528 32.4216C9.60603 27.4748 6.37583 19.6701 4.67928 14.6422C3.85326 12.1941 5.71935 9.79424 8.30303 9.79424H13.3756Z"/><path stroke-linecap="round" d="M34.2404 6L26.2404 14L34.2404 22"/><path stroke-linecap="round" d="M42.2404 14.0083H26.2404"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="icon-park:phone-incoming-one"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

Все Иконки IconPark →