Vinyl Record Bold Duotone アイコン
solar:vinyl-record-bold-duotone
Vinyl Record Bold Duotone アイコン(solar:vinyl-record-bold-duotone)は、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、recordbold、boldduotone、vinylrecordboldduotone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M4.92893 19.0711C8.83418 22.9763 15.1658 22.9763 19.0711 19.0711C22.9763 15.1658 22.9763 8.83418 19.0711 4.92893C15.1658 1.02369 8.83418 1.02369 4.92893 4.92893C1.02369 8.83418 1.02369 15.1658 4.92893 19.0711Z" opacity=".5"/><path d="M17.1265 6.87299C16.8336 6.5801 16.3588 6.5801 16.0659 6.87299C15.773 7.16588 15.773 7.64076 16.0659 7.93365C18.3114 10.1792 18.3114 13.8199 16.0659 16.0654C15.773 16.3583 15.773 16.8331 16.0659 17.126C16.3588 17.4189 16.8336 17.4189 17.1265 17.126C19.9578 14.2947 19.9578 9.70429 17.1265 6.87299Z"/><path d="M7.93414 7.93365C8.22703 7.64076 8.22703 7.16588 7.93414 6.87299C7.64124 6.5801 7.16637 6.5801 6.87348 6.87299C4.04217 9.70429 4.04217 14.2947 6.87348 17.126C7.16637 17.4189 7.64124 17.4189 7.93414 17.126C8.22703 16.8331 8.22703 16.3583 7.93414 16.0654C5.68862 13.8199 5.68862 10.1792 7.93414 7.93365Z"/><path fill-rule="evenodd" d="M9.34835 9.34786C10.8128 7.8834 13.1872 7.8834 14.6517 9.34786C16.1161 10.8123 16.1161 13.1867 14.6517 14.6512C13.1872 16.1156 10.8128 16.1156 9.34835 14.6512C7.88388 13.1867 7.88388 10.8123 9.34835 9.34786ZM10.409 10.4085C11.2877 9.52984 12.7123 9.52984 13.591 10.4085C14.4697 11.2872 14.4697 12.7118 13.591 13.5905C12.7123 14.4692 11.2877 14.4692 10.409 13.5905C9.53033 12.7118 9.53033 11.2872 10.409 10.4085Z" clip-rule="evenodd"/></g></svg>Vinyl Record Bold Duotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:vinyl-record-bold-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:vinyl-record-bold-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:vinyl-record-bold-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--vinyl-record-bold-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:vinyl-record-bold-duotone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:vinyl-record-bold-duotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/vinyl-record-bold-duotone.svg" alt="Vinyl Record Bold Duotone アイコン" width="24" height="24">Solar の関連アイコン
Vinyl Record Bold Duotone アイコン のよくある質問
Vinyl Record Bold Duotone アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Vinyl Record Bold Duotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:vinyl-record-bold-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Vinyl Record Bold Duotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/vinyl-record-bold-duotone.svg" alt="Vinyl Record Bold Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。