Circle Dashed Bold ikonu

solar:circle-dashed-bold

Circle Dashed Bold ikonu (solar:circle-dashed-bold), Solar setinden ücretsiz bir SVG ikondur (yapımcı: 480 Design). 24 × 24 ızgara üzerinde çizilmiştir. Solar icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti: Solar
Yazar: 480 Design
Lisans: CC-BY-4.0
Boyut: 24 × 24
Etiketler: circledashed, dashedbold, circledashedbold

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M13.7891 21.0771C14.1955 20.9975 14.5902 21.2625 14.6699 21.6689C14.7495 22.0753 14.4844 22.469 14.0781 22.5488C13.4052 22.6807 12.7093 22.75 11.999 22.75C11.2889 22.7499 10.5937 22.6807 9.9209 22.5488C9.51481 22.4689 9.24961 22.0752 9.3291 21.6689C9.4087 21.2628 9.80281 20.998 10.209 21.0771C10.7872 21.1905 11.3863 21.2499 11.999 21.25C12.6118 21.25 13.2108 21.1904 13.7891 21.0771Z"/><path d="M3.27441 16.9482C3.61804 16.7172 4.08424 16.8089 4.31543 17.1523C4.64424 17.6414 5.02567 18.1067 5.45898 18.54C5.89234 18.9734 6.35758 19.3548 6.84668 19.6836C7.19043 19.9147 7.28186 20.3809 7.05078 20.7246C6.81974 21.0681 6.35442 21.1594 6.01074 20.9287C5.44157 20.5461 4.90075 20.1029 4.39844 19.6006C3.89632 19.0984 3.45382 18.5582 3.07129 17.9893C2.84035 17.6456 2.93089 17.1794 3.27441 16.9482Z"/><path d="M19.6836 17.1533C19.9147 16.8096 20.3809 16.7182 20.7246 16.9492C21.0681 17.1802 21.1594 17.6456 20.9287 17.9893C20.5461 18.5584 20.1029 19.0993 19.6006 19.6016C19.0984 20.1037 18.5582 20.5462 17.9893 20.9287C17.6456 21.1597 17.1794 21.0692 16.9482 20.7256C16.7172 20.382 16.8089 19.9158 17.1523 19.6846C17.6414 19.3558 18.1067 18.9743 18.54 18.541C18.9734 18.1077 19.3548 17.6424 19.6836 17.1533Z"/><path d="M1.45117 9.9209C1.53108 9.5148 1.92483 9.2496 2.33105 9.3291C2.73724 9.4087 3.00195 9.80282 2.92285 10.209C2.80953 10.7872 2.75005 11.3863 2.75 11.999C2.75 12.6118 2.80957 13.2108 2.92285 13.7891C3.00251 14.1955 2.73749 14.5902 2.33105 14.6699C1.92474 14.7495 1.53097 14.4844 1.45117 14.0781C1.31933 13.4052 1.25 12.7093 1.25 11.999C1.25005 11.2889 1.31932 10.5937 1.45117 9.9209Z"/><path d="M21.6689 9.3291C22.0751 9.24965 22.4689 9.51492 22.5488 9.9209C22.6807 10.5938 22.75 11.2898 22.75 12C22.75 12.7101 22.6807 13.4053 22.5488 14.0781C22.4691 14.4845 22.0753 14.7495 21.6689 14.6699C21.2627 14.5903 20.9978 14.1963 21.0771 13.79C21.1904 13.2118 21.25 12.6127 21.25 12C21.25 11.3872 21.1905 10.7883 21.0771 10.21C20.9977 9.80362 21.2626 9.40873 21.6689 9.3291Z"/><path d="M6.01074 3.07129C6.35432 2.84042 6.8196 2.93111 7.05078 3.27441C7.28177 3.61801 7.19101 4.08422 6.84766 4.31543C6.35859 4.64422 5.89331 5.0257 5.45996 5.45898C5.02665 5.89229 4.64523 6.35765 4.31641 6.84668C4.08531 7.19043 3.61817 7.28188 3.27441 7.05078C2.93116 6.81963 2.84054 6.3543 3.07129 6.01074C3.45385 5.44171 3.89627 4.90064 4.39844 4.39844C4.90067 3.89624 5.44167 3.45387 6.01074 3.07129Z"/><path d="M16.9492 3.27441C17.1804 2.93114 17.6457 2.84054 17.9893 3.07129C18.5583 3.45384 19.0994 3.89627 19.6016 4.39844C20.1038 4.90067 20.5461 5.44167 20.9287 6.01074C21.1596 6.35434 21.0689 6.81961 20.7256 7.05078C20.382 7.28178 19.9158 7.19103 19.6846 6.84766C19.3558 6.35857 18.9743 5.89332 18.541 5.45996C18.1077 5.02664 17.6424 4.64523 17.1533 4.31641C16.8096 4.08531 16.7181 3.61817 16.9492 3.27441Z"/><path d="M12 1.25C12.7101 1.25003 13.4053 1.31935 14.0781 1.45117C14.4845 1.53089 14.7495 1.92466 14.6699 2.33105C14.5903 2.73734 14.1963 3.00222 13.79 2.92285C13.2118 2.80955 12.6127 2.75003 12 2.75C11.3872 2.75003 10.7883 2.80954 10.21 2.92285C9.80362 3.00225 9.40873 2.7374 9.3291 2.33105C9.24963 1.9249 9.51491 1.53115 9.9209 1.45117C10.5938 1.3193 11.2898 1.25003 12 1.25Z"/></g></svg>

Circle Dashed Bold ikonu nasıl kullanılır

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web bileşeni

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

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

HTML görseli

<img src="https://iconyz.com/api/public/svg/solar/circle-dashed-bold.svg" alt="Circle Dashed Bold ikonu" width="24" height="24">

Solar setindeki benzer ikonlar

Diğer ikon setlerinde Circle Dashed Bold ikonu

Circle Dashed Bold ikonu: sık sorulan sorular

Circle Dashed Bold ikonu ticari kullanım için ücretsiz mi?

Evet. Solar icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir.

Circle Dashed Bold ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="solar:circle-dashed-bold" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Circle Dashed Bold ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/solar/circle-dashed-bold.svg" alt="Circle Dashed Bold ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Solar ikonları →