Call Cancel Bold icon

solar:call-cancel-bold

The Call Cancel Bold icon (solar:call-cancel-bold) 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, cancelbold, callcancelbold

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="M19.4697 3.46967C19.7626 3.17679 20.2373 3.17679 20.5302 3.46967C20.8231 3.76256 20.8231 4.23732 20.5302 4.53022L19.0605 5.99994L20.5302 7.46967C20.8231 7.76256 20.8231 8.23733 20.5302 8.53022C20.2373 8.8231 19.7626 8.82309 19.4697 8.53022L17.9999 7.06049L16.5302 8.53022C16.2373 8.8231 15.7626 8.82311 15.4697 8.53022C15.1768 8.23733 15.1768 7.76256 15.4697 7.46967L16.9394 5.99994L15.4697 4.53022C15.1768 4.23732 15.1768 3.76256 15.4697 3.46967C15.7626 3.17678 16.2373 3.17678 16.5302 3.46967L17.9999 4.9394L19.4697 3.46967Z"/><path d="M15.5562 14.5477L15.1007 15.0272C15.1007 15.0272 14.0181 16.167 11.0631 13.0559C8.10812 9.94484 9.1907 8.80507 9.1907 8.80507L9.47752 8.50311C10.1841 7.75924 10.2507 6.56497 9.63424 5.6931L8.37326 3.90961C7.61028 2.8305 6.13596 2.68795 5.26145 3.60864L3.69185 5.26114C3.25823 5.71766 2.96765 6.30945 3.00289 6.96594C3.09304 8.64546 3.81071 12.259 7.81536 16.4752C12.0621 20.9462 16.0468 21.1239 17.6763 20.9631C18.1917 20.9122 18.6399 20.6343 19.0011 20.254L20.4217 18.7584C21.3806 17.7489 21.1102 16.0182 19.8833 15.312L17.9728 14.2123C17.1672 13.7486 16.1858 13.8848 15.5562 14.5477Z"/></g></svg>

How to use the Call Cancel Bold icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML image

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

Related icons in Solar

Call Cancel Bold icon FAQ

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

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

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

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

Browse all Solar icons →