outline
1. Renk
Yeni bir renk seçene kadar ikonun orijinal renkleri korunur.
2. Tuval arka plani ve donusumler
3. Canli vektör animasyon ayarları
SVG çıktısina dahil
1 Circle SVG Simgesi
Kaynak, yazar ve lisans önizlemede ve ikon detayinda görünür. 1 Circle - Ticari ve kişisel kullanım için ücretsiz. Üyelik Gerekmez | %100 Tarayıcı Tabanlı İşleme
Anında vektör ve yüksek çözünürlük indirme
Yeni bir renk seçene kadar ikonun orijinal renkleri korunur.
bootstrap-regular-1-circle.svg (510 B)
Geliştiriciler ve arayüz çerçeveleri için hizli kopya
Canli kod çıktısi
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-1-circle" viewBox="0 0 16 16" width="36" height="36" role="img" aria-label="1 Circle icon"><title>1 Circle - Bootstrap Icons icon</title><desc>Free 1 Circle vector icon from the Bootstrap Icons open-source icon library; outline style, MIT licence, viewBox 0 0 16 16, 279 bytes.</desc> <path d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0M9.283 4.002V12H7.971V5.338h-.065L6.072 6.656V5.385l1.899-1.383z"/> </svg>
Yapay zeka istemi ve vektör iyileştirme
Bu ikonu iyilestirmek veya yeniden tasarlamak ister misiniz? 1 Circle
Net bir mühendislik istemi oluşturun ya da ikonu tuvalde hemen iyilestirin. 1 Circle
İstem oluşturucu tamamen tarayıcında çalışır
Kaynak ve lisans doğrulama
LICENSE.txt
Library: Bootstrap Icons | Author: The Bootstrap Authors | License: MIT | Source: https://github.com/twbs/icons | Üyelik Gerekmez | %100 Tarayıcı Tabanlı İşleme
Anahtar kelimeler
#bootstrap
#regular
#circle
#interface
#outline
1 Circle - Teknik vektör özellikleri
Kaynak, yazar ve lisans önizlemede ve ikon detayinda görünür. 1 Circle
| Temel dosya kimligi | bootstrap/bootstrap-regular-1-circle |
|---|---|
| Kaynak kütüphane paketi | Bootstrap Icons |
| Koordinat izgarasi ve viewBox | viewBox="0 0 16 16" |
| Sıkıştırılmamış boyut | 510 bytes (~281 bytes gzipped) |
| SPDX lisansı ve ticari kullanım | MIT - Ticari kullanım için ücretsiz |
| Upstream Source | https://github.com/twbs/icons |
| Desteklenen çıktı biçimleri | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Güvenlik ve gizlilik garantisi | Üyelik Gerekmez | %100 Tarayıcı Tabanlı İşleme |
Bu ikon nasıl kullanılır ve özellestirilir: 1 Circle
- Görsel olarak özellestirin: Renk, Otomatik (çizgi ve dolgu), Çizgi kalınligi (
0.5px-4px), Canli vektör animasyon ayarları - Vektöru veya gorseli indirin: SVG İndir, PNG (şeffaf), WebP (iyilestirilmis) (
2048x2048 px) - Çerçeve kodunu kopyalayın: React, Next.js, Vue 3, Svelte, Angular, HTML ve CSS maskeleri için hazir kod kopyalayın.
- İleri vektör düzenleme: SVG duzenleyicide duzenle (77.087)
Erişilebilirlik ipucu (WCAG 2.1): Süsleme amaçlı ikonlari aria-hidden ve focusable false ile gizleyin. Yalnızca ikon iceren dugmelere net bir aria-label verin. Sağdan sola diller için okları yatay olarak çevirin.
bootstrap-regular-1-circle.svg aria-hidden="true" focusable="false"
Daha fazla Kullanıcı Arayüzü (UI/UX)
Gözatoutline
Ad Circle Off
MingCute Icons|interfaceduotone
Up Circle
Ant Design TwoTone|interfacesolid
Ellipsis Horizontal Circle
Heroicons|interfaceoutline
Highlighter Circle
Phosphor Icons|interfacesolid
Quarter Circle Dash
MingCute Icons Fill|interface
Action Check Circle
Material Icons|interface
Circle Dotted Letter X
Tabler Icons|interface
Circle Minus
Tabler Icons|interface
Content Change Circle
Material Icons|interface
Number Circle One
Phosphor Icons|interface
Action Build Circle
Material Icons|interface
Animal Paw Print
Fluent UI Color|interface
Add Item
IconPark|interface
Accessibility Ear
Domain Icons|interface
Align Box Right Middle
Tabler Icons|interface
Align Bottom
MingCute Icons Fill|interface
Diff
Ant Design TwoTone|interface
hediye
Bytesize Icons|interface
gelen kutusu
Bytesize Icons|interface
Align Text Both
IconPark|interface
Beaker
Heroicons|interface
Copywriting
Open Iconic|interface
Html5
Ant Design TwoTone|interfaceDaha fazlasını keşet
Sıkça Sorulan Sorular
1 Circle - Sıkça Sorulan Sorular
1 Circle hangi lisans kapsamındadır? +
1 Circle, Bootstrap Icons kaynağından gelir ve MIT kapsamındadır. Atıf: Kaynak belirtme zorunlu.
1 Circle simgesini hangi biçimlerde indirebilirim? +
1 Circle, outline stilinde bir vektördür (viewBox 0 0 16 16). SVG, PNG, WebP veya ICO indirin ya da bu sayfadan React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask veya Base64 kodunu kopyalayın.
1 Circle simgesi nereden geliyor? +
1 Circle, Bootstrap Icons kütüphanesinin bir parçasıdır; oluşturan: The Bootstrap Authors, kategori: Kullanıcı Arayüzü (UI/UX). Lisansın tam metni, bu sayfada bağlantısı verilen kütüphane bildirim dosyasındadır.
%100 Tarayıcı Tabanlı İşleme | 77.087 ikon
SVG Düzenleyici
Yollari, katmanlari, renkleri ve animasyonlari tarayıcında duzenleyin; sonra temiz SVG, PNG veya çerçeve kodu aktarın.