Иконка Call Cancel Bold

solar:call-cancel-bold

Иконка Call Cancel Bold (solar:call-cancel-bold) — бесплатная 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
Категория: Звонки
Теги: callcancel, cancelbold, callcancelbold

Скачать SVG

Код SVG

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

Как использовать иконку Call Cancel Bold

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>

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

<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

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

Вопросы и ответы: Иконка Call Cancel Bold

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

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

Как использовать иконку Call Cancel Bold в React?

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

Как добавить иконку Call Cancel Bold на веб-страницу?

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

Все Иконки Solar →