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
Composition SVG Simgesi
Kaynak, yazar ve lisans önizlemede ve ikon detayinda görünür. Composition - 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.
Kredilerle paket
composition.svg (1.423 B)
Geliştiriciler ve arayüz çerçeveleri için hizli kopya
Canli kod çıktısi
<svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" width="36" height="36" role="img" aria-label="Composition icon"><title>Composition - IconPark icon</title><desc>Free Composition vector icon from the IconPark open-source icon library; outline style, Apache-2.0 licence, viewBox 0 0 48 48, 1189 bytes.</desc> <path fill-rule="evenodd" clip-rule="evenodd" d="M39.8281 21.7859L21.9686 39.6454C18.5544 43.0597 12.9373 42.9783 9.42255 39.4636C5.90784 35.9489 5.82643 30.3318 9.24073 26.9175L27.1002 9.05798" fill="#2F88FF"/> <path d="M39.8281 21.7859L21.9686 39.6454C18.5544 43.0597 12.9373 42.9783 9.42255 39.4636C5.90784 35.9489 5.82643 30.3318 9.24073 26.9175L27.1002 9.05798" stroke="black" stroke-width="4" stroke-linecap="round"/> <path d="M8.73438 27.4238L34.8784 26.7356" stroke="black" stroke-width="4" stroke-linecap="round"/> <path d="M29.393 20.9069C30.1741 20.1258 30.1741 18.8595 29.393 18.0785C28.612 17.2974 27.3457 17.2974 26.5646 18.0785C25.7836 18.8595 25.7836 20.1258 26.5646 20.9069C27.3457 21.6879 28.612 21.6879 29.393 20.9069Z" fill="white"/> <path d="M23.7358 23.7355C24.5169 22.9545 24.5169 21.6881 23.7358 20.9071C22.9548 20.126 21.6884 20.126 20.9074 20.9071C20.1263 21.6881 20.1263 22.9545 20.9074 23.7355C21.6884 24.5166 22.9548 24.5166 23.7358 23.7355Z" fill="white"/> <path d="M23.5645 5.52246L43.3634 25.3215" stroke="black" stroke-width="4" stroke-linecap="round"/> </svg>
Yapay zeka istemi ve vektör iyileştirme
Bu ikonu iyilestirmek veya yeniden tasarlamak ister misiniz? Composition
Net bir mühendislik istemi oluşturun ya da ikonu tuvalde hemen iyilestirin. Composition
İstem oluşturucu tamamen tarayıcında çalışır
Kaynak ve lisans doğrulama
LICENSE.txt
Library: IconPark | Author: ByteDance Inc. | License: Apache-2.0 | Source: https://github.com/bytedance/IconPark | Üyelik Gerekmez | %100 Tarayıcı Tabanlı İşleme
Anahtar kelimeler
#composition
#iconpark
#interface
#outline
Composition - Teknik vektör özellikleri
Kaynak, yazar ve lisans önizlemede ve ikon detayinda görünür. Composition
| Temel dosya kimligi | iconpark/composition |
|---|---|
| Kaynak kütüphane paketi | IconPark |
| Koordinat izgarasi ve viewBox | viewBox="0 0 48 48" |
| Sıkıştırılmamış boyut | 1.423 bytes (~783 bytes gzipped) |
| SPDX lisansı ve ticari kullanım | Apache-2.0 - Ticari kullanım için ücretsiz |
| Upstream Source | https://github.com/bytedance/IconPark |
| 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: Composition
- 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.
composition.svg aria-hidden="true" focusable="false"
Daha fazla Kullanıcı Arayüzü (UI/UX)
Gözatoutline
fare
MingCute Icons|interfacesolid
Bars
Heroicons|interfacesolid
Bell
Heroicons|interfaceoutline
Octagon
MingCute Icons|interfaceoutline
Access Point
Tabler Icons|interface
Check Badge
Heroicons|interface
Projector Screen
Phosphor Icons|interface
Rabbit
Phosphor Icons|interface
Resize
Phosphor Icons|interface
Align Justified
Tabler Icons|interface
Octagon Minus
Lucide|interface
gökkuşağı
MingCute Icons Fill|interface
Receive Money
MingCute Icons Fill|interface
Communications Signal
Domain Icons|interface
Hardware Mouse
Material Icons|interface
Eraser
Bootstrap Icons|interface
Eyeglasses
Bootstrap Icons|interface
Popcorn
Lucide|interface
Shorts
MingCute Icons|interface
Arrows Cross
Tabler Icons|interface
Education Bulb
Domain Icons|interface
GPU Card
Bootstrap Icons|interfaceDaha fazlasını keşet
Sıkça Sorulan Sorular
Composition - Sıkça Sorulan Sorular
Composition hangi lisans kapsamındadır? +
Composition, IconPark kaynağından gelir ve Apache-2.0 kapsamındadır. Atıf: Kaynak belirtme zorunlu.
Composition simgesini hangi biçimlerde indirebilirim? +
Composition, outline stilinde bir vektördür (viewBox 0 0 48 48). SVG, PNG, WebP veya ICO indirin ya da bu sayfadan React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask veya Base64 kodunu kopyalayın.
Composition simgesi nereden geliyor? +
Composition, IconPark kütüphanesinin bir parçasıdır; oluşturan: ByteDance Inc., 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.