Obsidian İkonu
Web ve baskı için yüksek kaliteli şeffaf Obsidian PNG dosyası.
Geliştiriciler için optimize edilmiş Obsidian SVG vektör kodu.
Kullanıma hazır Obsidian React ikon bileşeni.
Obsidian İkonu Nasıl Kullanılır
Obsidian ikonunu satır içi SVG, React kodu, HTML gömme veya CSS mask olarak kopyalayın.
Satır İçi SVG
Obsidian SVG'sini doğrudan HTML veya JSX içine yapıştırın.
React Bileşeni
Obsidian ikonunu tip tanımlı bir React ikon bileşeni olarak kullanın.
import React from 'react';
export const ObsidianIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);HTML Gömme
Atıfta bulunarak barındırılan bir Obsidian ikon URL'si kullanın.
CSS Mask
Obsidian ikonunu renklendirilebilir bir CSS mask ikonu olarak kullanın.
.obsidian-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #7c3aed;
mask: url("https://www.aiuidesigner.com/icons/obsidian.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/obsidian.svg") center / contain no-repeat;
}Obsidian İkon Detayları
Marka rengi
Kategori
Verimlilik
Formatlar
SVG, PNG, React, HTML, CSS mask
SVG viewBox
0 0 24 24
SVG dosyası
1.3 KB · 1 yol
Lisans
Marka kılavuzlarını kontrol edin
Kaynak
obsidian.mdMarka kılavuzları
obsidian.mdObsidian İkonu Hakkında
Obsidian ikonu, burada SVG formatında bir marka ikonu varlığı olarak sunulmaktadır. Verimlilik kategorisinde yer alır ve #7C3AED marka rengini kullanır. Şeffaf PNG olarak indirebilir, satır içi SVG'yi kopyalayabilir, bir React bileşeni olarak alabilir veya HTML ile gömebilirsiniz.
Obsidian logosunu ticari projelerde, dokümantasyonlarda, UI taslaklarında veya pazarlama sayfalarında kullanmadan önce, güncel ticari marka kullanım kurallarını doğrulamak için bu sayfadaki kaynak ve marka kılavuzu bağlantılarını kullanın.
Obsidian İkonu Sıkça Sorulan Sorular
AI İkon Oluşturucuyu Deneyin
Tamamen benzersiz bir ikona mı ihtiyacınız var? Saniyeler içinde özel, profesyonel ikonlar oluşturmak için yapay zeka destekli SVG Oluşturucumuzu kullanın.
AI İkon Oluşturucuyu Deneyin