Call Ringing 16 アイコン
qlementine-icons:call-ringing-16
Call Ringing 16 アイコン(qlementine-icons:call-ringing-16)は、Qlementine Icons セットの無料 SVG アイコンです（作者: Olivier Cléro）。 24 × 24 のグリッドで描かれています。 Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Qlementine Icons
- 作者
- Olivier Cléro
- ライセンス
- MIT
- サイズ
- 24 × 24
- カテゴリ
- 電話
- タグ
- callringing
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M3.32 1.3c.579-.43 1.38-.39 1.91.096l.132.138q.067.077.145.173l1.46 1.78c.158.194.295.36.397.508c.08.114.15.234.2.367l.044.139l.023.108a1.5 1.5 0 0 1-.066.765a1.5 1.5 0 0 1-.295.48c-.116.136-.27.288-.446.465l-.469.47c-.294.294-.353.49-.31.707c.058.289.318.733 1.02 1.44c.704.704 1.15.965 1.44 1.02c.217.043.413-.015.707-.31l.47-.47c.177-.176.329-.33.465-.445a1.5 1.5 0 0 1 .48-.295c.246-.088.511-.11.766-.067l.108.024c.192.048.354.139.506.244c.147.102.314.239.508.397l1.78 1.46c.127.104.23.188.311.276l.086.104c.403.53.413 1.27.01 1.81c-.072.096-.168.192-.282.306l-.5.5c-.383.384-.944.777-1.53 1.06c-.58.284-1.26.5-1.87.445c-2.39-.217-4.38-1.3-6.29-3.22c-1.91-1.91-3-3.9-3.22-6.29c-.056-.611.162-1.29.444-1.87c.288-.59.68-1.15 1.06-1.53l.5-.5c.115-.114.21-.211.307-.282zm1.24.835a.51.51 0 0 0-.646-.032a3 3 0 0 0-.194.187l-.501.5c-.294.294-.626.76-.873 1.27c-.252.516-.378 1-.347 1.34c.191 2.1 1.14 3.88 2.93 5.67s3.57 2.74 5.67 2.93c.343.03.827-.095 1.34-.347a5 5 0 0 0 1.27-.873l.5-.501c.139-.14.17-.172.186-.194l.047-.076a.51.51 0 0 0-.08-.57a3 3 0 0 0-.203-.174l-1.78-1.46a8 8 0 0 0-.445-.35a.6.6 0 0 0-.177-.097a.5.5 0 0 0-.224-.005l-.071.02a.6.6 0 0 0-.168.113c-.1.085-.22.206-.408.394l-.47.469c-.418.418-.936.718-1.61.583c-.601-.12-1.23-.574-1.95-1.3s-1.18-1.35-1.3-1.95c-.135-.675.165-1.19.583-1.61l.47-.47c.188-.188.308-.31.394-.408a.6.6 0 0 0 .113-.167l.019-.072a.5.5 0 0 0-.006-.224a.6.6 0 0 0-.096-.177a8 8 0 0 0-.35-.445l-1.46-1.78a2 2 0 0 0-.175-.204z" clip-rule="evenodd"/><path fill="currentColor" d="M10.6 3.13c1.08.349 1.93 1.2 2.28 2.28c.097.302-.149.585-.466.585c-.248 0-.456-.177-.546-.408a2.55 2.55 0 0 0-1.45-1.45c-.231-.09-.409-.298-.409-.546c0-.317.283-.563.585-.466zM10.5.006c2.79.449 5 2.65 5.45 5.45a.48.48 0 0 1-.486.546a.545.545 0 0 1-.526-.462a5.58 5.58 0 0 0-4.52-4.52a.546.546 0 0 1-.462-.526c0-.297.253-.533.546-.486z"/></svg>Call Ringing 16 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:call-ringing-16" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:call-ringing-16" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:call-ringing-16" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--call-ringing-16]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:call-ringing-16"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="qlementine-icons:call-ringing-16"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/qlementine-icons/call-ringing-16.svg" alt="Call Ringing 16 アイコン" width="24" height="24">Qlementine Icons の関連アイコン
Call Ringing 16 アイコン のよくある質問
Call Ringing 16 アイコンは商用利用でも無料ですか?
はい。Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Call Ringing 16 アイコンを使うには?
@iconify/react をインストールして <Icon icon="qlementine-icons:call-ringing-16" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Call Ringing 16 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/qlementine-icons/call-ringing-16.svg" alt="Call Ringing 16 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。