Speaker Zzz アイコン
f7:speaker-zzz
Speaker Zzz アイコン(f7:speaker-zzz)は、Framework7 Icons セットの無料 SVG アイコンです（作者: Vladimir Kharlampidi）。 56 × 56 のグリッドで描かれています。 Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Framework7 Icons
- 作者
- Vladimir Kharlampidi
- ライセンス
- MIT
- サイズ
- 56 × 56
- タグ
- speakerzzz
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M25.507 49.112c1.52 0 2.616-1.117 2.616-2.615V10.84c0-1.498-1.096-2.75-2.66-2.75c-1.096 0-1.811.537-3.018 1.61l-10.507 9.322c-.135.134-.336.201-.56.201H4.74c-3.175 0-4.74 1.588-4.74 4.963v8.898c0 3.375 1.565 4.962 4.74 4.962h6.639c.223 0 .425.067.559.202l10.507 9.411c1.095.984 1.967 1.453 3.062 1.453m-1.296-4.717c-.112 0-.246-.067-.38-.2l-9.904-8.92c-.536-.492-.983-.604-1.587-.604H4.896c-.872 0-1.297-.403-1.297-1.297v-9.479c0-.871.425-1.296 1.297-1.296h7.444c.604 0 1.028-.09 1.587-.604l9.904-8.986c.111-.09.246-.18.38-.18c.2 0 .313.135.313.314V44.06c0 .201-.112.335-.313.335m30.514-21.26H49.25v-.134l5.61-7.4c.515-.648.694-1.05.694-1.497c0-.76-.581-1.207-1.386-1.207H46.41c-.737 0-1.296.47-1.296 1.23c0 .804.559 1.274 1.296 1.274h5.187v.111l-5.7 7.4c-.515.648-.694 1.028-.694 1.542c0 .693.559 1.208 1.364 1.208h8.16c.737 0 1.274-.492 1.274-1.275c0-.737-.537-1.251-1.275-1.251m-13.591 9.233H37.31v-.09l3.98-5.208c.446-.604.648-1.006.648-1.43c0-.716-.582-1.14-1.342-1.14h-5.88c-.715 0-1.206.469-1.206 1.162c0 .782.491 1.23 1.207 1.23h3.442v.088l-3.956 5.187c-.425.603-.626.961-.626 1.453c0 .67.536 1.163 1.274 1.163h6.282c.715 0 1.229-.448 1.229-1.208c0-.715-.514-1.207-1.23-1.207m10.417 8.495h-3.264v-.09l3.354-4.493c.47-.626.648-.961.648-1.363c0-.693-.537-1.118-1.252-1.118h-5.186c-.671 0-1.163.447-1.163 1.14c0 .715.492 1.14 1.163 1.14h2.861v.09l-3.331 4.493c-.424.581-.626.916-.626 1.364c0 .648.514 1.095 1.207 1.095h5.59c.648 0 1.14-.425 1.14-1.14c0-.67-.492-1.118-1.14-1.118"/></svg>
Speaker Zzz アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="f7:speaker-zzz" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:speaker-zzz" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:speaker-zzz" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--speaker-zzz]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:speaker-zzz"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:speaker-zzz"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/f7/speaker-zzz.svg" alt="Speaker Zzz アイコン" width="24" height="24">
Speaker Zzz アイコン のよくある質問
Speaker Zzz アイコンは商用利用でも無料ですか?
はい。Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Speaker Zzz アイコンを使うには?
@iconify/react をインストールして <Icon icon="f7:speaker-zzz" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Speaker Zzz アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/f7/speaker-zzz.svg" alt="Speaker Zzz アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Framework7 Icons をすべて見る →
ICONYZ
