Disc アイコン
simple-line-icons:disc
Disc アイコン(simple-line-icons:disc)は、Simple line icons セットの無料 SVG アイコンです（作者: Sabbir Ahmed）。 1024 × 1024 のグリッドで描かれています。 Simple line icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple line icons
- 作者
- Sabbir Ahmed
- ライセンス
- MIT
- サイズ
- 1024 × 1024
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M512 0C229.216 0 0 229.216 0 512s229.216 512 512 512s512-229.216 512-512S794.784 0 512 0m448 512c0 66.32-14.593 129.263-40.56 185.935L636.222 546.383c3.025-10.976 4.785-22.464 4.785-34.384c0-71.248-57.744-129.008-129.008-129.008c-14.624 0-28.624 2.544-41.712 7.025L300.672 117.104C363.664 83.264 435.616 64 512 64c247.024 0 448 200.976 448 448m-448.001-64.994c35.84 0 65.008 29.151 65.008 65.008s-29.168 64.992-65.008 64.992s-64.992-29.168-64.992-65.008s29.152-64.992 64.992-64.992M246.575 151.373l170.177 273.84c-.752.832-1.536 1.648-2.288 2.513l-283.168-151.52c30.208-48.577 69.392-90.977 115.279-124.833M64 511.997c0-63.68 13.44-124.256 37.504-179.168l284.368 152.16c-1.857 8.72-2.881 17.728-2.881 27.008c0 71.248 57.744 129.008 129.008 129.008c12.4 0 24.353-1.84 35.696-5.104l170.192 273.792c-61.68 32.048-131.664 50.304-205.888 50.304c-247.024 0-448-200.976-448-448zm708.447 364.16L602.943 603.47c.496-.496.96-1.024 1.456-1.536l284.288 152.144a452.1 452.1 0 0 1-116.24 122.08z"/></svg>
Disc アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-line-icons:disc" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-line-icons:disc" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-line-icons:disc" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-line-icons--disc]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-line-icons -->
<div class="i-simple-line-icons:disc"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-line-icons:disc"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-line-icons/disc.svg" alt="Disc アイコン" width="24" height="24">
Disc アイコン のよくある質問
Disc アイコンは商用利用でも無料ですか?
はい。Simple line icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Disc アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-line-icons:disc" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Disc アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-line-icons/disc.svg" alt="Disc アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Simple line icons をすべて見る →
ICONYZ
