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
kupa SVG Simgesi
Kaynak, yazar ve lisans önizlemede ve ikon detayinda görünür. kupa - 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.
trophy.svg (1.036 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="Trophy icon"><title>Trophy - IconPark icon</title><desc>Free Trophy vector icon from the IconPark open-source icon library; outline style, Apache-2.0 licence, viewBox 0 0 48 48, 818 bytes.</desc> <path d="M24 30C30.6274 30 36 24.4694 36 17.6471V4H12V17.6471C12 24.4694 17.3726 30 24 30Z" fill="#2F88FF" stroke="black" stroke-width="4" stroke-linejoin="round"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 21V11H4C4 17.6667 8 21 12 21Z" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M36 21V11H44C44 17.6667 40 21 36 21Z" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M24 32V36" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M15 42L18.69 36H29.0425L33 42H15Z" fill="#2F88FF" stroke="black" stroke-width="4" stroke-linejoin="round"/> </svg>
Yapay zeka istemi ve vektör iyileştirme
Bu ikonu iyilestirmek veya yeniden tasarlamak ister misiniz? kupa
Net bir mühendislik istemi oluşturun ya da ikonu tuvalde hemen iyilestirin. kupa
İ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
#trophy
#iconpark
#interface
#outline
kupa - Teknik vektör özellikleri
Kaynak, yazar ve lisans önizlemede ve ikon detayinda görünür. kupa
| Temel dosya kimligi | iconpark/trophy |
|---|---|
| Kaynak kütüphane paketi | IconPark |
| Koordinat izgarasi ve viewBox | viewBox="0 0 48 48" |
| Sıkıştırılmamış boyut | 1.036 bytes (~570 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: kupa
- 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.
trophy.svg aria-hidden="true" focusable="false"
Diğer kütüphanelerdeki eşleşmeler ("kupa")
Bu ikonu diger açık kaynak vektör kütüphaneleriyle karsilastirin.
Daha fazla Kullanıcı Arayüzü (UI/UX)
Gözatoutline
kupa
MingCute Icons|interfacesolid
kupa
MingCute Icons Fill|interface3d
kupa
3D Vector Icons|3d-iconssolid
Postcard
Bootstrap Icons|interfacesolid
Earth
MingCute Icons Fill|interfacesolid
Ease In Control Point
MingCute Icons Fill|interface
düzenle
MingCute Icons|interface
Dice
Lucide|interface
Disc
Lucide|interface
Sign Turn Left
Bootstrap Icons|interface
AV Subscriptions
Material Icons|interface
Square
Bootstrap Icons|interface
Automotive Gauge
Domain Icons|interface
Tv
Heroicons|interface
Ferris Wheel
Lucide|interface
erlenmeyer 2
MingCute Icons|interface
Gender Female
Phosphor Icons|interface
Banknotes
Heroicons|interface
Beauty Brush
Domain Icons|interface
Grains
Phosphor Icons|interface
Camera
Heroicons|interface
Parking Circle
Tabler Icons|interface
Content Policy
Material Icons|interface
Hourglass
Phosphor Icons|interfaceDaha fazlasını keşet
Sıkça Sorulan Sorular
kupa - Sıkça Sorulan Sorular
kupa hangi lisans kapsamındadır? +
kupa, IconPark kaynağından gelir ve Apache-2.0 kapsamındadır. Atıf: Kaynak belirtme zorunlu.
kupa simgesini hangi biçimlerde indirebilirim? +
kupa, 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.
kupa simgesi nereden geliyor? +
kupa, 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.