Vinyl Record アイコン
pinhead:vinyl-record
Vinyl Record アイコン(pinhead:vinyl-record)は、Pinhead Map Icons セットの無料 SVG アイコンです（作者: Quincy Morgan）。 15 × 15 のグリッドで描かれています。 Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Pinhead Map Icons
- 作者
- Quincy Morgan
- ライセンス
- CC0-1.0
- サイズ
- 15 × 15
- タグ
- vinylrecord
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M7.5 0C11.64 0 15 3.36 15 7.5S11.64 15 7.5 15S0 11.64 0 7.5S3.36 0 7.5 0m5.92 9.08c-.2-.05-.4.06-.47.25l-.08.24a5.79 5.79 0 0 1-3.47 3.36c-.02.01-.04.01-.07.02c-.19.07-.3.27-.25.47v.02c.07.19.27.29.46.23l.06-.02l.05-.01a6.54 6.54 0 0 0 4.01-4.06c0-.01.01-.02.01-.04l.01-.01c.05-.2-.07-.4-.26-.45m-1.69-.45c-.2-.05-.4.05-.47.24l-.01.02a4 4 0 0 1-2.35 2.36c-.01 0-.02 0-.03.01c-.19.07-.29.27-.24.47l.01.02c.06.19.26.29.45.23l.04-.02l.04-.01a4.75 4.75 0 0 0 2.81-2.86v-.02a.36.36 0 0 0-.25-.44M7.5 4.5c-1.66 0-3 1.34-3 3s1.34 3 3 3s3-1.34 3-3s-1.34-3-3-3m0 2.25c.41 0 .75.34.75.75s-.34.75-.75.75s-.75-.34-.75-.75s.34-.75.75-.75m-1.13-3.5a.37.37 0 0 0-.46-.23l-.03.01l-.02.01c-1.23.45-2.23 1.4-2.74 2.61c-.03.07-.06.16-.09.26c-.01.01-.01.02-.01.03c-.05.19.06.38.25.43c.2.06.41-.05.48-.25l.03-.09c.03-.06.05-.12.07-.16a4.03 4.03 0 0 1 2.22-2.11c.02 0 .04-.01.05-.02c.2-.07.31-.27.25-.47zm-.45-1.68c-.06-.2-.27-.3-.46-.24h-.01l-.02.01a6.5 6.5 0 0 0-4.1 4.12c0 .01-.01.01-.01.02c-.05.19.07.39.26.44c.2.05.41-.06.47-.25l.03-.09l.03-.07c.59-1.62 1.9-2.9 3.54-3.46h.02c.19-.07.3-.27.25-.47Z"/></svg>Vinyl Record アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:vinyl-record" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:vinyl-record" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:vinyl-record" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--vinyl-record]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:vinyl-record"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:vinyl-record"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/pinhead/vinyl-record.svg" alt="Vinyl Record アイコン" width="24" height="24">他のアイコンセットの Vinyl Record アイコン
Vinyl Record アイコン のよくある質問
Vinyl Record アイコンは商用利用でも無料ですか?
はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Vinyl Record アイコンを使うには?
@iconify/react をインストールして <Icon icon="pinhead:vinyl-record" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Vinyl Record アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pinhead/vinyl-record.svg" alt="Vinyl Record アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。