ICONYZ
日本語
Flex color icons の Recording Tape Bubble Circle Flat アイコン

Recording Tape Bubble Circle Flat アイコン

streamline-flex-color:recording-tape-bubble-circle-flat

Recording Tape Bubble Circle Flat アイコン(streamline-flex-color:recording-tape-bubble-circle-flat)は、Flex color icons セットの無料 SVG アイコンです(作者: Streamline)。 14 × 14 のグリッドで描かれています。 Flex color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Flex color icons
作者
Streamline
ライセンス
CC-BY-4.0
サイズ
14 × 14
カテゴリ
エンターテインメント
タグ
recordingtape、tapebubble、bubblecircle、circleflat、recordingtapebubblecircleflat
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><g fill="none"><path fill="#8fbffa" d="M7.25.28c-2.012 0-3.655.568-4.794 1.707S.75 4.77.75 6.781c0 1.144.183 2.168.552 3.05l-.919 2.526a1 1 0 0 0 1.256 1.29l2.648-.882c.862.345 1.856.516 2.963.516c2.012 0 3.654-.568 4.793-1.707s1.707-2.781 1.707-4.793s-.568-3.655-1.707-4.794S9.262.281 7.25.281Z"/><path fill="#2859c5" fill-rule="evenodd" d="M4.508 6.554c-.066.066-.146.203-.146.492c0 .29.08.427.146.492a.5.5 0 0 0 .327.134h.004l.012.003l.018.003q.06.006.13.006c.29 0 .427-.08.493-.146s.145-.203.145-.492s-.079-.426-.145-.492s-.203-.145-.492-.145c-.29 0-.427.079-.492.145m-.884 1.868c.292.292.668.445 1.073.494l.01.001a23 23 0 0 0 .841.117c.511.064 1.173.13 1.708.13c.536 0 1.198-.066 1.709-.13a28 28 0 0 0 .803-.11c.432-.04.835-.193 1.144-.502c.363-.363.511-.857.511-1.376s-.148-1.013-.51-1.376c-.364-.363-.858-.511-1.377-.511c-.52 0-1.013.148-1.376.511c-.364.363-.512.857-.512 1.376c0 .297.049.586.159.847a8 8 0 0 1-.55.021c-.162 0-.341-.007-.528-.02c.11-.26.158-.55.158-.848c0-.519-.148-1.013-.511-1.376S5.519 5.159 5 5.159c-.52 0-1.013.148-1.376.511c-.364.363-.512.857-.512 1.376c0 .52.148 1.013.512 1.376m6.135-.758l-.082.008h-.003l-.012.003l-.04.006l-.086.003c-.289 0-.427-.08-.492-.146c-.066-.065-.146-.203-.146-.492s.08-.426.146-.492s.203-.145.492-.145s.426.079.492.145s.145.203.145.492c0 .29-.079.427-.145.492a.5.5 0 0 1-.269.126" clip-rule="evenodd"/></g></svg>

Recording Tape Bubble Circle Flat アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="streamline-flex-color:recording-tape-bubble-circle-flat" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="streamline-flex-color:recording-tape-bubble-circle-flat" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="streamline-flex-color:recording-tape-bubble-circle-flat" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex-color--recording-tape-bubble-circle-flat]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-flex-color -->
<div class="i-streamline-flex-color:recording-tape-bubble-circle-flat"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="streamline-flex-color:recording-tape-bubble-circle-flat"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-flex-color/recording-tape-bubble-circle-flat.svg" alt="Recording Tape Bubble Circle Flat アイコン" width="24" height="24">

Flex color icons の関連アイコン

他のアイコンセットの Recording Tape Bubble Circle Flat アイコン

Recording Tape Bubble Circle Flat アイコン のよくある質問

Recording Tape Bubble Circle Flat アイコンは商用利用でも無料ですか?

はい。Flex color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Recording Tape Bubble Circle Flat アイコンを使うには?

@iconify/react をインストールして <Icon icon="streamline-flex-color:recording-tape-bubble-circle-flat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Recording Tape Bubble Circle Flat アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-flex-color/recording-tape-bubble-circle-flat.svg" alt="Recording Tape Bubble Circle Flat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Flex color icons をすべて見る →