Иконка End Call Rounded Outline

solar:end-call-rounded-outline

Иконка End Call Rounded Outline (solar:end-call-rounded-outline) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Звонки
Теги: endcall, callrounded, roundedoutline, endcallroundedoutline

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 7.75C7.43534 7.75 4.87272 9.67556 3.63293 11.0131C3.01079 11.6842 2.75 12.6999 2.75 13.8504C2.75 15.5042 4.14034 16.5337 5.40255 16.1757L6.74225 15.7957C7.59203 15.5547 8.25 14.6868 8.25 13.6185C8.25 13.5201 8.27072 12.8926 8.81935 12.2875C9.38063 11.6683 10.3644 11.2139 12 11.2139C13.6356 11.2139 14.6193 11.6683 15.1806 12.2874C15.7293 12.8926 15.75 13.52 15.75 13.6185V13.6185C15.75 14.6868 16.408 15.5547 17.2577 15.7958L18.5974 16.1757C19.8597 16.5337 21.25 15.5042 21.25 13.8504C21.25 12.6999 20.9892 11.6842 20.3671 11.0131C19.1273 9.67556 16.5647 7.75 12 7.75ZM2.53285 9.99333C4.00774 8.40221 6.95109 6.25 12 6.25C17.0489 6.25 19.9923 8.40221 21.4672 9.99334C22.4576 11.0619 22.75 12.5255 22.75 13.8504C22.75 16.3163 20.5772 18.2964 18.1882 17.6188L16.8484 17.2388C15.2871 16.796 14.2591 15.2918 14.2501 13.6405C14.2463 13.6147 14.22 13.461 14.0693 13.2949C13.8806 13.0867 13.3644 12.7139 12 12.7139C10.6356 12.7139 10.1194 13.0867 9.93066 13.2949C9.78005 13.4611 9.75367 13.6147 9.74994 13.6405C9.74089 15.2918 8.71288 16.796 7.15155 17.2388L5.81185 17.6188C3.42281 18.2964 1.25 16.3163 1.25 13.8504C1.25 12.5255 1.54238 11.0619 2.53285 9.99333Z" clip-rule="evenodd"/></svg>

Как использовать иконку End Call Rounded Outline

React

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

<Icon icon="solar:end-call-rounded-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:end-call-rounded-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:end-call-rounded-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--end-call-rounded-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:end-call-rounded-outline"></div>

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

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

<iconify-icon icon="solar:end-call-rounded-outline"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/end-call-rounded-outline.svg" alt="Иконка End Call Rounded Outline" width="24" height="24">

Вопросы и ответы: Иконка End Call Rounded Outline

Можно ли бесплатно использовать иконку End Call Rounded Outline в коммерческих проектах?

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

Как использовать иконку End Call Rounded Outline в React?

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

Как добавить иконку End Call Rounded Outline на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/solar/end-call-rounded-outline.svg" alt="Иконка End Call Rounded Outline">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Solar →