Иконка Phone
ls:phone
Иконка Phone (ls:phone) — бесплатная SVG-иконка из набора Ligature Symbols от Kazuyuki Motoyama. Она нарисована на сетке 717 × 717. Ligature Symbols icons выпущены под лицензией Open Font License, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Ligature Symbols
- Автор
- Kazuyuki Motoyama
- Лицензия
- OFL-1.1
- Размер
- 717 × 717
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="717" height="717" viewBox="0 0 717 717"><path fill="currentColor" d="M0 179c0 30 11 63 25 98s32 68 46 93c38 66 87 131 143 185s122 99 196 126c43 17 86 36 134 36c24 0 58-9 89-22c30-13 57-33 67-57c4-9 9-21 12-35c3-13 5-26 5-35c0-5 0-10-1-11c-3-6-10-11-18-16c-18-9-21-12-48-28c-28-16-57-34-82-47c-12-7-20-10-23-10c-16 0-36 22-53 46c-18 24-38 46-52 46c-7 0-14-3-22-8s-16-9-21-12c-88-50-147-109-197-196c-6-10-20-31-20-42c0-13 18-28 36-44c17-15 35-33 35-55c0-3-2-12-6-25c-9-26-21-56-31-85c-5-14-9-24-10-29c-2-3-3-7-4-12s-3-9-4-13c-3-9-8-16-13-20c-5-2-17-5-29-6c-12 0-26-1-32-1c-3 0-7 0-11 1H98C66 15 43 43 26 76C10 109 0 146 0 179"/></svg>
Как использовать иконку Phone
React
import { Icon } from "@iconify/react";
<Icon icon="ls:phone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:phone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:phone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--phone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:phone"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:phone"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/ls/phone.svg" alt="Иконка Phone" width="24" height="24">
Иконка Phone в других наборах
Вопросы и ответы: Иконка Phone
Можно ли бесплатно использовать иконку Phone в коммерческих проектах?
Да. Ligature Symbols icons выпущены под лицензией Open Font License, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Phone в React?
Установите @iconify/react и выведите <Icon icon="ls:phone" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Phone на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/ls/phone.svg" alt="Иконка Phone">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Ligature Symbols →
ICONYZ
