End Call Rounded Outline icon

solar:end-call-rounded-outline

The End Call Rounded Outline icon (solar:end-call-rounded-outline) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Call
Tags: endcall, callrounded, roundedoutline, endcallroundedoutline

Download SVG

SVG code

<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>

How to use the End Call Rounded Outline icon

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>

Web component

<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 image

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

Related icons in Solar

End Call Rounded Outline icon FAQ

Is the End Call Rounded Outline icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the End Call Rounded Outline icon in React?

Install @iconify/react and render <Icon icon="solar:end-call-rounded-outline" />, or use “Copy code” on this page to get a standalone React component.

How do I add the End Call Rounded Outline icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/end-call-rounded-outline.svg" alt="End Call Rounded Outline icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →