Vinyl Record Outline アイコン
solar:vinyl-record-outline
Vinyl Record Outline アイコン(solar:vinyl-record-outline)は、Solar セットの無料 SVG アイコンです(作者: 480 Design)。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Solar
- 作者
- 480 Design
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- 動画
- タグ
- vinylrecord、recordoutline、vinylrecordoutline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M18.5407 5.45926C14.9284 1.84691 9.07161 1.84691 5.45926 5.45926C1.84691 9.07161 1.84691 14.9284 5.45926 18.5407C9.07161 22.1531 14.9284 22.1531 18.5407 18.5407C22.1531 14.9284 22.1531 9.07161 18.5407 5.45926ZM4.3986 4.3986C8.59674 0.200466 15.4033 0.200466 19.6014 4.3986C23.7995 8.59674 23.7995 15.4033 19.6014 19.6014C15.4033 23.7995 8.59674 23.7995 4.3986 19.6014C0.200466 15.4033 0.200466 8.59674 4.3986 4.3986ZM7.93414 6.87348C8.22703 7.16637 8.22703 7.64125 7.93414 7.93414C5.68862 10.1797 5.68862 13.8204 7.93414 16.0659C8.22703 16.3588 8.22703 16.8336 7.93414 17.1265C7.64124 17.4194 7.16637 17.4194 6.87348 17.1265C4.04218 14.2952 4.04217 9.70478 6.87348 6.87348C7.16637 6.58059 7.64124 6.58059 7.93414 6.87348ZM16.0659 6.87348C16.3588 6.58059 16.8336 6.58059 17.1265 6.87348C19.9578 9.70478 19.9578 14.2952 17.1265 17.1265C16.8336 17.4194 16.3588 17.4194 16.0659 17.1265C15.773 16.8336 15.773 16.3588 16.0659 16.0659C18.3114 13.8204 18.3114 10.1797 16.0659 7.93414C15.773 7.64125 15.773 7.16637 16.0659 6.87348ZM12 9.75C10.7574 9.75 9.75 10.7574 9.75 12C9.75 13.2426 10.7574 14.25 12 14.25C13.2426 14.25 14.25 13.2426 14.25 12C14.25 10.7574 13.2426 9.75 12 9.75ZM8.25 12C8.25 9.92893 9.92893 8.25 12 8.25C14.0711 8.25 15.75 9.92893 15.75 12C15.75 14.0711 14.0711 15.75 12 15.75C9.92893 15.75 8.25 14.0711 8.25 12Z" clip-rule="evenodd"/></svg>Vinyl Record Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:vinyl-record-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:vinyl-record-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:vinyl-record-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--vinyl-record-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:vinyl-record-outline"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:vinyl-record-outline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/vinyl-record-outline.svg" alt="Vinyl Record Outline アイコン" width="24" height="24">Solar の関連アイコン
Vinyl Record Outline アイコン のよくある質問
Vinyl Record Outline アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Vinyl Record Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:vinyl-record-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Vinyl Record Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/vinyl-record-outline.svg" alt="Vinyl Record Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。