ICONYZ
Русский
Иконка Phone Ring из набора Majesticons

Иконка Phone Ring

majesticons:phone-ring

Иконка Phone Ring (majesticons:phone-ring) — бесплатная SVG-иконка из набора Majesticons от Gerrit Halfmann. Она нарисована на сетке 24 × 24. Majesticons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Majesticons
Автор
Gerrit Halfmann
Лицензия
MIT
Размер
24 × 24
Теги
phonering
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="M23 17.5L20.5 20l-3-2v-4.158C15.976 13.337 14.146 13 12 13s-3.976.337-5.5.842V18l-3 2L1 17.5c.665-.997 2.479-2.657 5.5-3.658C8.024 13.337 9.855 13 12 13s3.976.337 5.5.842c3.021 1 4.835 2.66 5.5 3.658"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.5 13.842C15.976 13.337 14.146 13 12 13s-3.976.337-5.5.842m11 0c3.021 1 4.835 2.66 5.5 3.658L20.5 20l-3-2zm-11 0c-3.021 1-4.835 2.66-5.5 3.658L3.5 20l3-2zM12 4v4M4.636 6.636l2.828 2.828m11.9-2.828l-2.828 2.828"/></g></svg>

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

React

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

<Icon icon="majesticons:phone-ring" width="24" />

Vue

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

<template>
  <Icon icon="majesticons:phone-ring" width="24" />
</template>

Svelte

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

<Icon icon="majesticons:phone-ring" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/majesticons -->
<div class="i-majesticons:phone-ring"></div>

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

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

<iconify-icon icon="majesticons:phone-ring"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/majesticons/phone-ring.svg" alt="Иконка Phone Ring" width="24" height="24">

Похожие иконки в наборе Majesticons

Иконка phone
phone
 Иконка phone-dial
phone-dial
 Иконка phone-dial-line
phone-dial-line
 Иконка phone-hangup
phone-hangup
 Иконка phone-hangup-line
phone-hangup-line
 Иконка phone-incoming
phone-incoming
 Иконка phone-incoming-line
phone-incoming-line
 Иконка phone-line
phone-line
 Иконка phone-outgoing
phone-outgoing
 Иконка phone-outgoing-line
phone-outgoing-line
 Иконка phone-retro
phone-retro
 Иконка phone-retro-line
phone-retro-line
 Иконка phone-ring-line
phone-ring-line

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

Иконка Phone Ring из набора Material Design Icons
Material Design Icons
 Иконка Phone Ring из набора Boxicons
Boxicons
 Иконка Phone Ring из набора Freehand color icons
Freehand color icons
 Иконка Phone Ring из набора Freehand free icons
Freehand free icons
 Иконка Phone Ring из набора Material Design Iconic Font
Material Design Iconic Font
 Иконка Phone Ring из набора Reicon
Reicon

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

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

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

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

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

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

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

Все Majesticons →