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
X SVG Simgesi
Kaynak, yazar ve lisans önizlemede ve ikon detayinda görünür. X - 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-x.svg (541 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-x" viewBox="0 0 16 16" width="36" height="36" role="img" aria-label="X icon"><title>X - Bootstrap Icons icon</title><desc>Free X vector icon from the Bootstrap Icons open-source icon library; outline style, MIT licence, viewBox 0 0 16 16, 331 bytes.</desc> <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"/> </svg>
Yapay zeka istemi ve vektör iyileştirme
Bu ikonu iyilestirmek veya yeniden tasarlamak ister misiniz? X
Net bir mühendislik istemi oluşturun ya da ikonu tuvalde hemen iyilestirin. X
İ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
#interface
#outline
X - Teknik vektör özellikleri
Kaynak, yazar ve lisans önizlemede ve ikon detayinda görünür. X
| Temel dosya kimligi | bootstrap/bootstrap-regular-x |
|---|---|
| Kaynak kütüphane paketi | Bootstrap Icons |
| Koordinat izgarasi ve viewBox | viewBox="0 0 16 16" |
| Sıkıştırılmamış boyut | 541 bytes (~298 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: X
- 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-x.svg aria-hidden="true" focusable="false"
Diğer kütüphanelerdeki eşleşmeler ("X")
Bu ikonu diger açık kaynak vektör kütüphaneleriyle karsilastirin.
outline
X
SVG Icons Collection|interfacebrand
X
Authentic Brand Logos|brandsbrand
X
selfh.st Icons|brandsDaha fazla Kullanıcı Arayüzü (UI/UX)
Gözatoutline
X
Open Iconic|interfaceoutline
X
SVG Icons Collection|interfacebrand
X
Authentic Brand Logos|brandsbrand
X
selfh.st Icons|brandsoutline
Bone
Phosphor Icons|interfaceoutline
Circle
Phosphor Icons|interface
Command
Phosphor Icons|interface
Inner Shadow Right
Tabler Icons|interface
Ironing
Tabler Icons|interface
X Mark
Heroicons|interface
Deadline Sort
IconPark|interface
Layout Bottombar
Tabler Icons|interface
Communication Phone
Material Icons|interface
Digital Watches
IconPark|interface
Communication Stay Current Portrait
Material Icons|interface
Forward
MingCute Icons|interface
Front Windshield Defroster
MingCute Icons|interface
oyun 2
MingCute Icons Fill|interface
Dollar
IconPark|interface
Content Filter List Off
Material Icons|interface
Guitar
MingCute Icons Fill|interface
Heading
MingCute Icons Fill|interface
Beauty Leaf
Domain Icons|interface
Beauty Mirror
Domain Icons|interfaceDaha fazlasını keşet
Sıkça Sorulan Sorular
X - Sıkça Sorulan Sorular
X hangi lisans kapsamındadır? +
X, Bootstrap Icons kaynağından gelir ve MIT kapsamındadır. Atıf: Kaynak belirtme zorunlu.
X simgesini hangi biçimlerde indirebilirim? +
X, 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.
X simgesi nereden geliyor? +
X, 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.