Tape Cassette Record アイコン
streamline-flex-color:tape-cassette-record
Tape Cassette Record アイコン(streamline-flex-color:tape-cassette-record)は、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
- カテゴリ
- エンターテインメント
- タグ
- tapecassette、cassetterecord、tapecassetterecord
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><g fill="none"><path fill="#d7e0ff" fill-rule="evenodd" d="M2.586 12.26c1.421.162 2.897.284 4.414.284s2.993-.122 4.414-.283c.82-.094 1.5-.695 1.62-1.512c.148-1.007.216-2.115.216-3.345c0-1.231-.068-2.339-.216-3.345c-.12-.818-.8-1.419-1.62-1.512C9.993 2.385 8.516 2.264 7 2.264s-2.993.12-4.414.283c-.82.093-1.5.694-1.62 1.512C.818 5.065.75 6.173.75 7.404c0 1.23.068 2.338.216 3.345c.12.817.8 1.418 1.62 1.512M4.11 5.289c1.498-.545 4.296-.544 5.808.003a1.25 1.25 0 0 1-.129 2.488c-1.496.49-4.079.49-5.56 0a1.25 1.25 0 0 1-.12-2.491" clip-rule="evenodd"/><path fill="#fff" d="M9.917 5.291c-1.512-.547-4.31-.548-5.808-.003a1.25 1.25 0 0 0 .12 2.492c1.48.489 4.063.489 5.559 0a1.25 1.25 0 0 0 .129-2.489"/><path stroke="#4147d5" stroke-linecap="round" stroke-linejoin="round" d="M7 12.544c-1.517 0-2.993-.122-4.414-.283c-.82-.094-1.5-.695-1.62-1.512C.818 9.742.75 8.634.75 7.404c0-1.231.068-2.339.216-3.345c.12-.818.8-1.419 1.62-1.512C4.007 2.385 5.483 2.264 7 2.264s2.993.12 4.414.283c.82.093 1.5.694 1.62 1.512c.148 1.006.216 2.114.216 3.345c0 1.23-.068 2.338-.216 3.345c-.12.817-.8 1.418-1.62 1.512c-1.421.161-2.897.283-4.414.283"/><path stroke="#4147d5" stroke-linecap="round" stroke-linejoin="round" d="m4.086 12.414l.422-1.812c1.915-.334 3.007-.33 4.984 0l.336 1.812M4.286 7.798c1.47.464 3.959.464 5.444 0m-5.445-2.57c1.47-.464 3.959-.464 5.444 0M4.249 7.77c.8 0 1.25-.45 1.25-1.25s-.45-1.25-1.25-1.25s-1.25.45-1.25 1.25s.45 1.25 1.25 1.25m5.501 0c.8 0 1.25-.45 1.25-1.25s-.45-1.25-1.25-1.25s-1.25.45-1.25 1.25s.45 1.25 1.25 1.25"/></g></svg>Tape Cassette Record アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-flex-color:tape-cassette-record" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-flex-color:tape-cassette-record" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-flex-color:tape-cassette-record" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex-color--tape-cassette-record]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-flex-color -->
<div class="i-streamline-flex-color:tape-cassette-record"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-flex-color:tape-cassette-record"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-flex-color/tape-cassette-record.svg" alt="Tape Cassette Record アイコン" width="24" height="24">Flex color icons の関連アイコン
他のアイコンセットの Tape Cassette Record アイコン
Tape Cassette Record アイコン のよくある質問
Tape Cassette Record アイコンは商用利用でも無料ですか?
はい。Flex color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Tape Cassette Record アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-flex-color:tape-cassette-record" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tape Cassette Record アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-flex-color/tape-cassette-record.svg" alt="Tape Cassette Record アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。