Call Cancel Bold アイコン

Q: Call Cancel Bold アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

solar:call-cancel-bold

Call Cancel Bold アイコン(solar:call-cancel-bold)は、Solar セットの無料 SVG アイコンです（作者: 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>

Web コンポーネント

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

Solar の関連アイコン

Call Cancel Bold アイコンのよくある質問

Call Cancel Bold アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Call Cancel Bold アイコンを使うには?

@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Solar アイコンをすべて見る →