Ikon Circle Top Down Bold

solar:circle-top-down-bold

Ikon Circle Top Down Bold (solar:circle-top-down-bold) adalah ikon SVG gratis dari set Solar karya 480 Design. Ikon ini digambar pada grid 24 × 24. Solar icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Solar
Pembuat: 480 Design
Lisensi: CC-BY-4.0
Ukuran: 24 × 24
Kategori: Panah aksi
Tag: circletop, topdown, downbold, circletopdownbold

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M21.5303 2.46967C21.8232 2.76256 21.8232 3.23744 21.5303 3.53033L13.8107 11.25H17.3438C17.758 11.25 18.0938 11.5858 18.0938 12C18.0938 12.4142 17.758 12.75 17.3438 12.75H12C11.5858 12.75 11.25 12.4142 11.25 12V6.65625C11.25 6.24204 11.5858 5.90625 12 5.90625C12.4142 5.90625 12.75 6.24204 12.75 6.65625V10.1893L20.4697 2.46967C20.7626 2.17678 21.2374 2.17678 21.5303 2.46967Z" clip-rule="evenodd"/><path d="M20.4817 6.70026L17.4303 9.75164C18.6329 9.79714 19.5938 10.7864 19.5938 12C19.5938 13.2426 18.5864 14.25 17.3438 14.25H12C10.7574 14.25 9.75 13.2426 9.75 12V6.65625C9.75 5.41361 10.7574 4.40625 12 4.40625C13.2136 4.40625 14.2029 5.36715 14.2484 6.56966L17.2997 3.51828C15.7632 2.55618 13.9466 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 10.0534 21.4438 8.23678 20.4817 6.70026Z"/></g></svg>

Cara memakai ikon Circle Top Down Bold

React

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

<Icon icon="solar:circle-top-down-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:circle-top-down-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:circle-top-down-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--circle-top-down-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:circle-top-down-bold"></div>

Web component

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

<iconify-icon icon="solar:circle-top-down-bold"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/solar/circle-top-down-bold.svg" alt="Ikon Circle Top Down Bold" width="24" height="24">

Ikon terkait di Solar

FAQ Ikon Circle Top Down Bold

Apakah ikon Circle Top Down Bold gratis untuk penggunaan komersial?

Ya. Solar icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.

Bagaimana cara memakai ikon Circle Top Down Bold di React?

Pasang @iconify/react lalu render <Icon icon="solar:circle-top-down-bold" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Circle Top Down Bold ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/solar/circle-top-down-bold.svg" alt="Ikon Circle Top Down Bold">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Solar →