ICONYZ
Bahasa Indonesia
Ikon Circle Progress Pause Sharp Duotone dari Keyline Icons

Ikon Circle Progress Pause Sharp Duotone

keyline-icons:circle-progress-pause-sharp-duotone

Ikon Circle Progress Pause Sharp Duotone (keyline-icons:circle-progress-pause-sharp-duotone) adalah ikon SVG gratis dari set Keyline Icons. Ikon ini digambar pada grid 24 × 24. Keyline Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Keyline Icons
Pembuat
Keyline Icons
Lisensi
MIT
Ukuran
24 × 24
Tag
circleprogress, progresspause, pausesharp, sharpduotone, circleprogresspausesharpduotone
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path stroke-opacity=".4" d="M17.0688 3.3221L17.8778 3.9098C18.7268 4.5266 19.4734 5.2732 20.0902 6.1222L20.678 6.9312M21.7205 9.448L21.8769 10.4357C22.041 11.4721 22.041 12.5279 21.8769 13.5643L21.7205 14.552M20.678 17.0688L20.0902 17.8778C19.4734 18.7268 18.7268 19.4734 17.8778 20.0902L17.0688 20.678"/><path d="M13 22L12 22C6.4771 22 2 17.5229 2 12C2 6.4771 6.4771 2 12 2L13 2M9 7L9 17M15 7L15 17"/></g></svg>

Cara memakai ikon Circle Progress Pause Sharp Duotone

React

import { Icon } from "@iconify/react";

<Icon icon="keyline-icons:circle-progress-pause-sharp-duotone" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="keyline-icons:circle-progress-pause-sharp-duotone" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="keyline-icons:circle-progress-pause-sharp-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--circle-progress-pause-sharp-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:circle-progress-pause-sharp-duotone"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="keyline-icons:circle-progress-pause-sharp-duotone"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/circle-progress-pause-sharp-duotone.svg" alt="Ikon Circle Progress Pause Sharp Duotone" width="24" height="24">

Ikon terkait di Keyline Icons

FAQ Ikon Circle Progress Pause Sharp Duotone

Apakah ikon Circle Progress Pause Sharp Duotone gratis untuk penggunaan komersial?

Ya. Keyline Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Circle Progress Pause Sharp Duotone di React?

Pasang @iconify/react lalu render <Icon icon="keyline-icons:circle-progress-pause-sharp-duotone" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Circle Progress Pause Sharp Duotone ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/keyline-icons/circle-progress-pause-sharp-duotone.svg" alt="Ikon Circle Progress Pause Sharp Duotone">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Keyline Icons →