Call Cancel Rounded Outline icon

solar:call-cancel-rounded-outline

The Call Cancel Rounded Outline icon (solar:call-cancel-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: callcancel, cancelrounded, roundedoutline, callcancelroundedoutline

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M16.5303 3.46967C16.2374 3.17678 15.7625 3.17678 15.4696 3.46967C15.1767 3.76256 15.1767 4.23744 15.4696 4.53033L16.9393 6.00001L15.4696 7.46967C15.1768 7.76256 15.1768 8.23744 15.4696 8.53033C15.7625 8.82322 16.2374 8.82322 16.5303 8.53033L18 7.06067L19.4696 8.53031C19.7625 8.82321 20.2374 8.82321 20.5303 8.53031C20.8232 8.23742 20.8232 7.76255 20.5303 7.46965L19.0606 6.00001L20.5303 4.53035C20.8232 4.23745 20.8232 3.76258 20.5303 3.46969C20.2374 3.17679 19.7625 3.17679 19.4696 3.46969L18 4.93935L16.5303 3.46967Z"/><path fill-rule="evenodd" d="M10.6925 4.95067C9.52266 2.85455 6.68752 2.72683 5.00745 4.4069C4.10879 5.30556 3.3103 6.50048 3.25706 7.90468C3.17818 9.98561 3.71556 13.4408 7.13735 16.8626C10.5591 20.2844 14.0144 20.8218 16.0953 20.7429C17.4995 20.6897 18.6944 19.8912 19.5931 18.9925C21.2731 17.3125 21.1454 14.4773 19.0493 13.3075L17.8864 12.6585C16.5176 11.8946 14.7905 12.2201 13.6585 13.3384C13.6381 13.3533 13.5231 13.4323 13.3221 13.4421C13.0656 13.4545 12.4729 13.3633 11.5548 12.4452C10.6364 11.5267 10.5454 10.9339 10.5579 10.6776C10.5677 10.4768 10.6467 10.3619 10.6616 10.3415C11.7799 9.2095 12.1054 7.48242 11.3415 6.1136L10.6925 4.95067ZM6.06811 5.46756C7.17394 4.36173 8.78363 4.60832 9.38265 5.68167L10.0317 6.8446C10.4354 7.56801 10.2977 8.58415 9.58435 9.29747C9.51471 9.36712 9.09846 9.81276 9.0597 10.6043C9.02003 11.4146 9.38395 12.3956 10.4942 13.5058C11.604 14.6157 12.5847 14.9797 13.395 14.9403C14.1864 14.9018 14.6322 14.4858 14.7023 14.4158C15.4156 13.7025 16.432 13.5646 17.1554 13.9683L18.3183 14.6173C19.3916 15.2163 19.6382 16.826 18.5324 17.9319C17.7571 18.7072 16.9013 19.2113 16.0385 19.244C14.3031 19.3098 11.2774 18.8813 8.19801 15.802C5.11864 12.7226 4.6902 9.69684 4.75599 7.9615C4.7887 7.09872 5.29276 6.24291 6.06811 5.46756Z" clip-rule="evenodd"/></g></svg>

How to use the Call Cancel Rounded Outline icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:call-cancel-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:call-cancel-rounded-outline"></iconify-icon>

HTML image

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

Related icons in Solar

Call Cancel Rounded Outline icon FAQ

Is the Call Cancel 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 Call Cancel Rounded Outline icon in React?

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

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

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

Browse all Solar icons →