ICONYZ
日本語
Sargam Icons の Phone Callback Duotone アイコン

Phone Callback Duotone アイコン

si:phone-callback-duotone

Phone Callback Duotone アイコン(si:phone-callback-duotone)は、Sargam Icons セットの無料 SVG アイコンです(作者: Abhimanyu Rana)。 24 × 24 のグリッドで描かれています。 Sargam Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Sargam Icons
作者
Abhimanyu Rana
ライセンス
MIT
サイズ
24 × 24
タグ
phonecallback、callbackduotone、phonecallbackduotone
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-opacity=".16" d="m7.18 10.27l6.504 6.46c.697-.807 5.11-5.538 7.316.924c0 0-.232 3.346-4.994 3.346c-3.367 0-6.851-4.038-9.29-6.346C4.626 12.692 3 10.154 3 7.846C3 3.116 6.252 3 6.252 3c7.432 2.538.929 7.27.929 7.27"/><path fill="currentColor" d="m7.18 10.27l-.44-.607l-.713.518l.625.62zm6.504 6.46l-.529.533l.571.567l.526-.61zm7.316.924l.748.052a.8.8 0 0 0-.038-.294zm-14.284-3l.516-.545l-.003-.002zM6.252 3l.242-.71l-.13-.044l-.139.004zm8.67 2.586a.75.75 0 0 0-1.5 0zm-.75 4.242h-.75v.75h.75zm4.242.75a.75.75 0 0 0 0-1.5zm1.945-5.876a.75.75 0 0 0-1.06-1.06zm-13.707 6.1l6.503 6.46l1.058-1.063l-6.504-6.462zm7.6 6.419a9 9 0 0 1 1.04-1.02c.511-.427 1.112-.825 1.715-1.021c.586-.19 1.125-.178 1.624.129c.526.324 1.136 1.054 1.66 2.587l1.419-.485c-.58-1.697-1.35-2.799-2.293-3.38c-.97-.598-1.992-.564-2.873-.278c-.862.28-1.633.812-2.214 1.297c-.588.49-1.023.97-1.214 1.19zm6.748.433a54 54 0 0 1-.748-.053v-.007v.01l-.01.067a2 2 0 0 1-.07.286a2.8 2.8 0 0 1-.474.908c-.493.631-1.51 1.385-3.692 1.385v1.5c2.58 0 4.06-.92 4.874-1.962c.394-.505.61-1.01.726-1.392a4 4 0 0 0 .14-.664l.001-.015v-.006l.001-.003v-.001zm-4.994 2.596c-1.407 0-2.944-.858-4.52-2.14c-1.57-1.276-2.985-2.8-4.254-4L6.2 15.198c1.17 1.106 2.715 2.755 4.339 4.075c1.617 1.315 3.506 2.476 5.467 2.476zM7.23 14.107c-2.039-1.913-3.48-4.265-3.48-6.26h-1.5c0 2.619 1.81 5.343 3.953 7.354zm-3.48-6.26c0-2.174.734-3.147 1.33-3.602c.316-.24.63-.365.864-.43a2 2 0 0 1 .342-.066H6.28c-.001 0-.002 0-.028-.749l-.028-.75H6.22l-.068.005l-.144.016a4 4 0 0 0-.465.098a4.1 4.1 0 0 0-1.372.684C3.14 3.838 2.25 5.288 2.25 7.846zM6.01 3.71c1.783.609 2.56 1.296 2.863 1.855c.284.522.237 1.087-.05 1.706c-.293.63-.8 1.227-1.267 1.683a9 9 0 0 1-.816.708l-.001.001l.442.606c.44.607.441.607.441.606h.001l.002-.002l.005-.003l.018-.014a6 6 0 0 0 .274-.216c.176-.145.418-.354.683-.614c.521-.51 1.175-1.254 1.578-2.123c.41-.882.595-1.976.008-3.055C9.624 3.807 8.426 2.95 6.494 2.29zm7.412 1.876v4.242h1.5V5.586zm.75 4.992h4.242v-1.5h-4.242zm.53-.22l5.657-5.656l-1.06-1.06l-5.658 5.656z"/></svg>

Phone Callback Duotone アイコンの使い方

React

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

<Icon icon="si:phone-callback-duotone" width="24" />

Vue

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

<template>
  <Icon icon="si:phone-callback-duotone" width="24" />
</template>

Svelte

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

<Icon icon="si:phone-callback-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[si--phone-callback-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/si -->
<div class="i-si:phone-callback-duotone"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="si:phone-callback-duotone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/si/phone-callback-duotone.svg" alt="Phone Callback Duotone アイコン" width="24" height="24">

Sargam Icons の関連アイコン

Phone Callback Duotone アイコン のよくある質問

Phone Callback Duotone アイコンは商用利用でも無料ですか?

はい。Sargam Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Phone Callback Duotone アイコンを使うには?

@iconify/react をインストールして <Icon icon="si:phone-callback-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Phone Callback Duotone アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/si/phone-callback-duotone.svg" alt="Phone Callback Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Sargam Icons をすべて見る →