Speaking Head アイコン
streamline-emojis:speaking-head
Speaking Head アイコン(streamline-emojis:speaking-head)は、Streamline Emojis セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Streamline Emojis icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Streamline Emojis
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- スマイリー・人物
- タグ
- speakinghead
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M6.75 38.16a11.5 1.5 0 1 0 23 0a11.5 1.5 0 1 0-23 0" opacity=".15"/><path fill="#ffe500" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m34.54 24.05l3.14-4.47a.39.39 0 0 1 .6-.07l1.75 2a.39.39 0 0 1-.15.59L35 24.57a.35.35 0 0 1-.46-.52m.71 3.02l5.52-.78a.4.4 0 0 1 .48.38L41 29.31a.39.39 0 0 1-.54.29l-5.29-1.84a.35.35 0 0 1 .08-.69m.02 3.99l4.54 2a.37.37 0 0 1 .14.55l-1.65 2.04a.36.36 0 0 1-.57 0l-2.89-4.05a.35.35 0 0 1 .43-.54"/><path fill="#8ca4b8" d="M21.6 37.66H10.48a17.8 17.8 0 0 0 1.69-4.88a8.92 8.92 0 0 0-1.91-5.94A10.69 10.69 0 0 1 16.82 9c6.47-1.06 10.6 1.56 12.16-.63c.35 2.32-.13 4.21-1.74 5.51a7.5 7.5 0 0 1 .6 3.62a2.92 2.92 0 0 0 .79 2.24l1.61 1.67a1 1 0 0 1-.13 1.51l-1 .7a.61.61 0 0 0-.21.71l.26.66a1 1 0 0 1-.42 1.22L26 27.81a.78.78 0 0 0 0 1.34l2.34 1.5a1 1 0 0 1 .45 1c-.32 1-.62 2.36-2.25 2.3l-3.71-.15c-1.91.92-1.23 3.86-1.23 3.86"/><path fill="#adc4d9" d="M16.82 12.26c6.08-1 10.09 1.25 11.85-.29A6.75 6.75 0 0 0 29 8.34c-1.56 2.19-5.69-.43-12.16.63a10.73 10.73 0 0 0-9.34 9.31a11 11 0 0 0 0 2.94a10.73 10.73 0 0 1 9.32-8.96m11.02 5.21v-.92c-.76 2.24-.33 5.29.78 6.44l.55.57l.93-.67a1 1 0 0 0 .13-1.51l-1.61-1.67a2.92 2.92 0 0 1-.78-2.24"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M21.6 37.66H10.48a17.8 17.8 0 0 0 1.69-4.88a8.92 8.92 0 0 0-1.91-5.94A10.69 10.69 0 0 1 16.82 9c6.47-1.06 10.6 1.56 12.16-.63c.35 2.32-.13 4.21-1.74 5.51a7.5 7.5 0 0 1 .6 3.62a2.92 2.92 0 0 0 .79 2.24l1.61 1.67a1 1 0 0 1-.13 1.51l-1 .7a.61.61 0 0 0-.21.71l.26.66a1 1 0 0 1-.42 1.22L26 27.81a.78.78 0 0 0 0 1.34l2.34 1.5a1 1 0 0 1 .45 1c-.32 1-.62 2.36-2.25 2.3l-3.71-.15c-1.91.92-1.23 3.86-1.23 3.86"/></svg>
Speaking Head アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-emojis:speaking-head" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-emojis:speaking-head" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-emojis:speaking-head" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--speaking-head]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:speaking-head"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-emojis:speaking-head"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-emojis/speaking-head.svg" alt="Speaking Head アイコン" width="24" height="24">
他のアイコンセットの Speaking Head アイコン
Speaking Head アイコン のよくある質問
Speaking Head アイコンは商用利用でも無料ですか?
はい。Streamline Emojis icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Speaking Head アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-emojis:speaking-head" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Speaking Head アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-emojis/speaking-head.svg" alt="Speaking Head アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Streamline Emojis アイコン をすべて見る →
ICONYZ
