İçeriğe geç
SVG Nexus Vektör ve 3D ikonlar
duotone MIT 21 vektör dugumu
Data Line - Fluent UI Color iconFree Data Line vector icon from the Fluent UI Color open-source icon library; duotone style, MIT licence, viewBox 0 0 32 32, 6481 bytes.
viewBox 0 0 32 32 Sabit
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
SVG duzenleyicide duzenle Vektör stüdyosunu ac
Fluent UI Color | Kullanıcı Arayüzü (UI/UX) | viewBox="0 0 32 32" | Ticari kullanım için ücretsiz

Data Line SVG Simgesi

Kaynak, yazar ve lisans önizlemede ve ikon detayinda görünür. Data Line - 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. fluentui-color-data-line-32-color.svg (6.869 B)
Geliştiriciler ve arayüz çerçeveleri için hizli kopya
Canli kod çıktısi 
<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" width="36" height="36" role="img" aria-label="Data Line icon"><title>Data Line - Fluent UI Color icon</title><desc>Free Data Line vector icon from the Fluent UI Color open-source icon library; duotone style, MIT licence, viewBox 0 0 32 32, 6481 bytes.</desc>
<path d="M24.1 11.2C24.5419 11.5314 24.6314 12.1582 24.3 12.6L21.3 16.6C20.9687 17.0418 20.3419 17.1314 19.9 16.8C19.4582 16.4686 19.3687 15.8418 19.7 15.4L22.7 11.4C23.0314 10.9582 23.6582 10.8686 24.1 11.2Z" fill="black"/>
<path d="M24.1 11.2C24.5419 11.5314 24.6314 12.1582 24.3 12.6L21.3 16.6C20.9687 17.0418 20.3419 17.1314 19.9 16.8C19.4582 16.4686 19.3687 15.8418 19.7 15.4L22.7 11.4C23.0314 10.9582 23.6582 10.8686 24.1 11.2Z" fill="url(#nx2126_paint0_linear_72095_9700)"/>
<path d="M24.1 11.2C24.5419 11.5314 24.6314 12.1582 24.3 12.6L21.3 16.6C20.9687 17.0418 20.3419 17.1314 19.9 16.8C19.4582 16.4686 19.3687 15.8418 19.7 15.4L22.7 11.4C23.0314 10.9582 23.6582 10.8686 24.1 11.2Z" fill="url(#nx2126_paint1_radial_72095_9700)"/>
<path d="M24.1 11.2C24.5419 11.5314 24.6314 12.1582 24.3 12.6L21.3 16.6C20.9687 17.0418 20.3419 17.1314 19.9 16.8C19.4582 16.4686 19.3687 15.8418 19.7 15.4L22.7 11.4C23.0314 10.9582 23.6582 10.8686 24.1 11.2Z" fill="url(#nx2126_paint2_radial_72095_9700)"/>
<path d="M24.1 11.2C24.5419 11.5314 24.6314 12.1582 24.3 12.6L21.3 16.6C20.9687 17.0418 20.3419 17.1314 19.9 16.8C19.4582 16.4686 19.3687 15.8418 19.7 15.4L22.7 11.4C23.0314 10.9582 23.6582 10.8686 24.1 11.2Z" fill="url(#nx2126_paint3_radial_72095_9700)"/>
<path d="M16.9487 19.6838C17.1234 20.2077 16.8402 20.774 16.3163 20.9487L10.3163 22.9487C9.79231 23.1233 9.22599 22.8402 9.05134 22.3162C8.8767 21.7923 9.15986 21.226 9.6838 21.0513L15.6838 19.0513C16.2077 18.8767 16.7741 19.1598 16.9487 19.6838Z" fill="black"/>
<path d="M16.9487 19.6838C17.1234 20.2077 16.8402 20.774 16.3163 20.9487L10.3163 22.9487C9.79231 23.1233 9.22599 22.8402 9.05134 22.3162C8.8767 21.7923 9.15986 21.226 9.6838 21.0513L15.6838 19.0513C16.2077 18.8767 16.7741 19.1598 16.9487 19.6838Z" fill="url(#nx2126_paint4_linear_72095_9700)"/>
<path d="M16.9487 19.6838C17.1234 20.2077 16.8402 20.774 16.3163 20.9487L10.3163 22.9487C9.79231 23.1233 9.22599 22.8402 9.05134 22.3162C8.8767 21.7923 9.15986 21.226 9.6838 21.0513L15.6838 19.0513C16.2077 18.8767 16.7741 19.1598 16.9487 19.6838Z" fill="url(#nx2126_paint5_radial_72095_9700)"/>
<path d="M16.9487 19.6838C17.1234 20.2077 16.8402 20.774 16.3163 20.9487L10.3163 22.9487C9.79231 23.1233 9.22599 22.8402 9.05134 22.3162C8.8767 21.7923 9.15986 21.226 9.6838 21.0513L15.6838 19.0513C16.2077 18.8767 16.7741 19.1598 16.9487 19.6838Z" fill="url(#nx2126_paint6_radial_72095_9700)"/>
<path d="M16.9487 19.6838C17.1234 20.2077 16.8402 20.774 16.3163 20.9487L10.3163 22.9487C9.79231 23.1233 9.22599 22.8402 9.05134 22.3162C8.8767 21.7923 9.15986 21.226 9.6838 21.0513L15.6838 19.0513C16.2077 18.8767 16.7741 19.1598 16.9487 19.6838Z" fill="url(#nx2126_paint7_radial_72095_9700)"/>
<path d="M7 19C4.79086 19 3 20.7909 3 23C3 25.2091 4.79086 27 7 27C9.20914 27 11 25.2091 11 23C11 20.7909 9.20914 19 7 19Z" fill="black"/>
<path d="M7 19C4.79086 19 3 20.7909 3 23C3 25.2091 4.79086 27 7 27C9.20914 27 11 25.2091 11 23C11 20.7909 9.20914 19 7 19Z" fill="url(#nx2126_paint8_linear_72095_9700)"/>
<path d="M19 15C16.7909 15 15 16.7909 15 19C15 21.2091 16.7909 23 19 23C21.2091 23 23 21.2091 23 19C23 16.7909 21.2091 15 19 15Z" fill="black"/>
<path d="M19 15C16.7909 15 15 16.7909 15 19C15 21.2091 16.7909 23 19 23C21.2091 23 23 21.2091 23 19C23 16.7909 21.2091 15 19 15Z" fill="url(#nx2126_paint9_linear_72095_9700)"/>
<path d="M25 5C22.7909 5 21 6.79086 21 9C21 11.2091 22.7909 13 25 13C27.2091 13 29 11.2091 29 9C29 6.79086 27.2091 5 25 5Z" fill="black"/>
<path d="M25 5C22.7909 5 21 6.79086 21 9C21 11.2091 22.7909 13 25 13C27.2091 13 29 11.2091 29 9C29 6.79086 27.2091 5 25 5Z" fill="url(#nx2126_paint10_linear_72095_9700)"/>
<defs>
<linearGradient id="nx2126_paint0_linear_72095_9700" x1="8.99976" y1="10.9999" x2="24.9692" y2="28.057" gradientUnits="userSpaceOnUse">
<stop stop-color="#B9C0C7"/>
<stop offset="1" stop-color="#70777D"/>
</linearGradient>
<radialGradient id="nx2126_paint1_radial_72095_9700" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(7 22.9999) rotate(10.3048) scale(5.59017 6.12006)">
<stop offset="0.548597" stop-color="#70777D"/>
<stop offset="1" stop-color="#70777D" stop-opacity="0"/>
</radialGradient>
<radialGradient id="nx2126_paint2_radial_72095_9700" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(25 8.99994) rotate(90) scale(5.5 7.08693)">
<stop offset="0.548597" stop-color="#70777D"/>
<stop offset="1" stop-color="#70777D" stop-opacity="0"/>
</radialGradient>
<radialGradient id="nx2126_paint3_radial_72095_9700" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(19 18.9999) scale(6 5.41767)">
<stop offset="0.548597" stop-color="#70777D"/>
<stop offset="1" stop-color="#70777D" stop-opacity="0"/>
</radialGradient>
<linearGradient id="nx2126_paint4_linear_72095_9700" x1="8.99976" y1="10.9999" x2="24.9692" y2="28.057" gradientUnits="userSpaceOnUse">
<stop stop-color="#B9C0C7"/>
<stop offset="1" stop-color="#70777D"/>
</linearGradient>
<radialGradient id="nx2126_paint5_radial_72095_9700" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(7 22.9999) rotate(10.3048) scale(5.59017 6.12006)">
<stop offset="0.548597" stop-color="#70777D"/>
<stop offset="1" stop-color="#70777D" stop-opacity="0"/>
</radialGradient>
<radialGradient id="nx2126_paint6_radial_72095_9700" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(25 8.99994) rotate(90) scale(5.5 7.08693)">
<stop offset="0.548597" stop-color="#70777D"/>
<stop offset="1" stop-color="#70777D" stop-opacity="0"/>
</radialGradient>
<radialGradient id="nx2126_paint7_radial_72095_9700" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(19 18.9999) scale(6 5.41767)">
<stop offset="0.548597" stop-color="#70777D"/>
<stop offset="1" stop-color="#70777D" stop-opacity="0"/>
</radialGradient>
<linearGradient id="nx2126_paint8_linear_72095_9700" x1="4" y1="19.3333" x2="12.605" y2="29.5126" gradientUnits="userSpaceOnUse">
<stop stop-color="#36DFF1"/>
<stop offset="1" stop-color="#0078D4"/>
</linearGradient>
<linearGradient id="nx2126_paint9_linear_72095_9700" x1="23" y1="23" x2="10.2" y2="10.2" gradientUnits="userSpaceOnUse">
<stop stop-color="#6D37CD"/>
<stop offset="0.640625" stop-color="#EA71EF"/>
</linearGradient>
<linearGradient id="nx2126_paint10_linear_72095_9700" x1="28.3333" y1="11.5333" x2="22.6" y2="5" gradientUnits="userSpaceOnUse">
<stop stop-color="#E23CB4"/>
<stop offset="1" stop-color="#EA71EF"/>
</linearGradient>
</defs>
</svg>
Yapay zeka istemi ve vektör iyileştirme

Bu ikonu iyilestirmek veya yeniden tasarlamak ister misiniz? Data Line

Net bir mühendislik istemi oluşturun ya da ikonu tuvalde hemen iyilestirin. Data Line

Yapay zeka ikon üreticisinde ac
İstem oluşturucu tamamen tarayıcında çalışır
Data Line SVG simgesi - Fluent UI Color (MIT)
Kaynak ve lisans doğrulama LICENSE.txt

Library: Fluent UI Color | Author: Microsoft Corporation | License: MIT | Source: https://github.com/microsoft/fluentui-system-icons | Üyelik Gerekmez | %100 Tarayıcı Tabanlı İşleme

Anahtar kelimeler
#fluentui #color #data #line #interface #duotone

Data Line - Teknik vektör özellikleri

Kaynak, yazar ve lisans önizlemede ve ikon detayinda görünür. Data Line

Temel dosya kimligi fluentui-color/fluentui-color-data-line-32-color
Kaynak kütüphane paketi Fluent UI Color
Koordinat izgarasi ve viewBox viewBox="0 0 32 32"
Sıkıştırılmamış boyut 6.869 bytes (~3.778 bytes gzipped)
SPDX lisansı ve ticari kullanım MIT - Ticari kullanım için ücretsiz
Upstream Source https://github.com/microsoft/fluentui-system-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: Data Line

  1. Görsel olarak özellestirin: Renk, Otomatik (çizgi ve dolgu), Çizgi kalınligi (0.5px-4px), Canli vektör animasyon ayarları
  2. Vektöru veya gorseli indirin: SVG İndir, PNG (şeffaf), WebP (iyilestirilmis) (2048x2048 px)
  3. Çerçeve kodunu kopyalayın: React, Next.js, Vue 3, Svelte, Angular, HTML ve CSS maskeleri için hazir kod kopyalayın.
  4. İ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. fluentui-color-data-line-32-color.svg aria-hidden="true" focusable="false"

Daha fazla Kullanıcı Arayüzü (UI/UX)

Gözat

Daha fazlasını keşet

Sıkça Sorulan Sorular

Data Line - Sıkça Sorulan Sorular

Data Line hangi lisans kapsamındadır? +

Data Line, Fluent UI Color kaynağından gelir ve MIT kapsamındadır. Atıf: Kaynak belirtme zorunlu.

Data Line simgesini hangi biçimlerde indirebilirim? +

Data Line, duotone stilinde bir vektördür (viewBox 0 0 32 32). SVG, PNG, WebP veya ICO indirin ya da bu sayfadan React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask veya Base64 kodunu kopyalayın.

Data Line simgesi nereden geliyor? +

Data Line, Fluent UI Color kütüphanesinin bir parçasıdır; oluşturan: Microsoft Corporation, 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.

Düzenleyicide Aç Tüm İkonları Keşfet (77.087)

77.087 vektör ikon içinde aramak için yazın...

Gezin | Açmak için Enter Tüm İkonları Keşfet

Karşılaştır

İkon kaynagi ve lisansı

Lisans Ticari kullanım Kaynak belirtme Değiştir veya renklendir
MITİzinliPakette bildirimİzinli
ISCİzinliPakette bildirimİzinli
Apache-2.0İzinliBildirim dosyasi ile zorunluİzinli
CC BY 4.0İzinliKaynak belirtmek gerekirİzinli
CC-BY-SA-4.0İzinliAynı lisansla paylaşımAynı lisansla paylaşım
Trademark / BrandYalnızca referans amaçlıSahibin kurallarıSınırlı

İkon önizlemesi