Call Out 16 アイコン
qlementine-icons:call-out-16
Call Out 16 アイコン(qlementine-icons:call-out-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
- カテゴリ
- 電話
- タグ
- callout
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-.295.295-.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.31.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.1 5.1 0 0 0 1.27-.873l.5-.501c.139-.14.17-.172.186-.194l.047-.076a.51.51 0 0 0-.08-.57a2 2 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.3c-.722-.722-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="M15.5 0q.05 0 .098.009q.076.017.142.054q.061.034.113.083a.5.5 0 0 1 .08.11c.04.073.066.154.066.243v4a.5.5 0 0 1-1 0V1.71l-4.15 4.15a.5.5 0 0 1-.707-.707l4.15-4.15h-2.79a.5.5 0 0 1 0-1h4z"/></svg>
Call Out 16 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:call-out-16" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:call-out-16" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:call-out-16" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--call-out-16]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:call-out-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-out-16"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/qlementine-icons/call-out-16.svg" alt="Call Out 16 アイコン" width="24" height="24">
Call Out 16 アイコン のよくある質問
Call Out 16 アイコンは商用利用でも無料ですか?
はい。Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Call Out 16 アイコンを使うには?
@iconify/react をインストールして <Icon icon="qlementine-icons:call-out-16" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Call Out 16 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/qlementine-icons/call-out-16.svg" alt="Call Out 16 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Qlementine Icons をすべて見る →
ICONYZ
