Speak アイコン
cil:speak
Speak アイコン(cil:speak)は、CoreUI Free セットの無料 SVG アイコンです（作者: creativeLabs Łukasz Holeczek）。 512 × 512 のグリッドで描かれています。 CoreUI Free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- CoreUI Free
- 作者
- creativeLabs Łukasz Holeczek
- ライセンス
- CC-BY-4.0
- サイズ
- 512 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M410.7 286.969c.428-.853.848-1.712 1.252-2.564L456 191.915v-22.891l-3.063-4.209c-.579-.794-58.045-79.741-77.516-105.7c-21.563-28.752-42.328-41.573-67.329-41.573c-19.5 0-39.3 9.269-58.825 27.549A170 170 0 0 0 236 59.063a170 170 0 0 0-13.267-13.973c-19.528-18.28-39.32-27.549-58.825-27.549c-25 0-45.766 12.821-67.329 41.573c-19.471 25.96-76.937 104.907-77.516 105.7L16 169.024v22.891l44.037 92.477q.617 1.3 1.262 2.583a134.9 134.9 0 0 0 50.722 54.836a138.54 138.54 0 0 0 71.9 20.065h104.156a138.54 138.54 0 0 0 71.9-20.065a134.9 134.9 0 0 0 50.723-54.842m-226.777 42.907c-39.666 0-76.572-22.473-94.02-57.247a99 99 0 0 1-.968-1.982L48 184.685v-5.246c12.2-16.749 57.436-78.8 74.179-101.126c19.015-25.354 31.765-28.772 41.729-28.772c23.113 0 47.41 28.439 54.806 39.374L223.468 96h25.064l4.754-7.085c6.854-10.215 31.634-39.374 54.806-39.374c9.964 0 22.714 3.418 41.729 28.773C366.563 100.637 411.8 162.69 424 179.439v5.246l-40.941 85.976c-.314.66-.635 1.317-.959 1.962c-17.451 34.78-54.357 57.253-94.023 57.253Z"/><path fill="currentColor" d="m304.429 112.851l-10.073 11.394c-.233.265-24.313 26.43-58.356 26.43c-34.158 0-58.166-26.219-58.356-26.43l-10.073-11.394l-83.641 66.688l44.393 89.547l11.457-1.637a680.1 680.1 0 0 1 192.44 0l11.457 1.637l44.393-89.547Zm20.815 121.373a712 712 0 0 0-178.488 0l-22.686-45.763l40.842-32.561c13.575 11.028 38.644 26.778 71.088 26.778s57.513-15.75 71.088-26.778l40.842 32.564Zm17.526 149.198v32a110.96 110.96 0 0 0 107-82.1l-30.92-8.285a78.9 78.9 0 0 1-76.08 58.385"/><path fill="currentColor" d="M480.679 341.605c-16.325 60.868-71.962 105.817-137.909 105.817v32c80.729 0 148.837-55.024 168.82-129.534Z"/></svg>Speak アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cil:speak" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cil:speak" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cil:speak" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cil--speak]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cil -->
<div class="i-cil:speak"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cil:speak"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cil/speak.svg" alt="Speak アイコン" width="24" height="24">CoreUI Free の関連アイコン
他のアイコンセットの Speak アイコン
Speak アイコン のよくある質問
Speak アイコンは商用利用でも無料ですか?
はい。CoreUI Free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Speak アイコンを使うには?
@iconify/react をインストールして <Icon icon="cil:speak" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Speak アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cil/speak.svg" alt="Speak アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。