İçeriğe geç
outline MIT 2 vektör dugumu
Vector Pen - Bootstrap Icons iconFree Vector Pen vector icon from the Bootstrap Icons open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.
144x144 px | Stroke 2px Sabit
1. Renk

Yeni bir renk seçene kadar ikonun orijinal renkleri korunur.

2. Tuval arka plani ve donusumler
3. Canli vektör animasyon ayarlari SVG çıktısina dahil
Bootstrap Icons | Kullanıcı Arayüzü (UI/UX) | viewBox="0 0 16 16" | Ticari kullanım için ücretsiz

Vector Pen - Vektör ve 3D ikonlar

Kaynak, yazar ve lisans önizlemede ve ikon detayinda görünür. Vector Pen - Ticari ve kisisel kullanım için ücretsiz. Üyelik Gerekmez | %100 Tarayıcı Tabanlı İşleme

Aninda vektör ve yuksek cozunurluk indirme
Yeni bir renk seçene kadar ikonun orijinal renkleri korunur. bootstrap-regular-vector-pen.svg (756 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-vector-pen" viewBox="0 0 16 16" width="36" height="36" role="img" aria-label="Vector Pen icon"><title>Vector Pen - Bootstrap Icons icon</title><desc>Free Vector Pen vector icon from the Bootstrap Icons open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc>
  <path fill-rule="evenodd" d="M10.646.646a.5.5 0 0 1 .708 0l4 4a.5.5 0 0 1 0 .708l-1.902 1.902-.829 3.313a1.5 1.5 0 0 1-1.024 1.073L1.254 14.746 4.358 4.4A1.5 1.5 0 0 1 5.43 3.377l3.313-.828zm-1.8 2.908-3.173.793a.5.5 0 0 0-.358.342l-2.57 8.565 8.567-2.57a.5.5 0 0 0 .34-.357l.794-3.174-3.6-3.6z"/>
  <path fill-rule="evenodd" d="M2.832 13.228 8 9a1 1 0 1 0-1-1l-4.228 5.168-.026.086z"/>
</svg>
Yapay zeka istemi ve vektör iyilestirme

Bu ikonu iyilestirmek veya yeniden tasarlamak ister misiniz? Vector Pen

Net bir muhendislik istemi oluşturun ya da ikonu tuvalde hemen iyilestirin. Vector Pen

Yapay zeka ikon ureticisinde ac
Istem oluşturucu tamamen tarayıcında calisir
Vector Pen Free SVG Vector Icon - Bootstrap Icons (MIT)
Kaynak ve lisans doğrulama LICENSE.txt

Library: Bootstrap Icons | Author: The Bootstrap Authors | License: MIT | Üyelik Gerekmez | %100 Tarayıcı Tabanlı İşleme

Anahtar kelimeler
#bootstrap #regular #vector #pen #interface #outline #vector pen svg #vector pen icon #vector pen bootstrap icons #vector pen react tsx #vector pen vue #vector pen png
Dilinizde popüler
ücretsiz svg ikonlar vektörel ikon indir svg png dönüştürücü online ücretsiz svg düzenleyici 3d svg ikonlar svg dosyası sıkıştırma react svg bileşeni css ile svg animasyon ticari kullanım ikonları svg ikon kütüphanesi

Vector Pen - Teknik vektör özellikleri

Kaynak, yazar ve lisans önizlemede ve ikon detayinda görünür. Vector Pen

Temel dosya kimligi bootstrap/bootstrap-regular-vector-pen
Kaynak kütüphane paketi Bootstrap Icons
Koordinat izgarasi ve viewBox viewBox="0 0 16 16"
Sikistirilmamis boyut 756 bytes (~416 bytes gzipped)
SPDX lisansi ve ticari kullanım MIT - Ticari kullanım için ücretsiz
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 kullanilir ve özellestirilir: Vector Pen

  1. Gorsel olarak özellestirin: Renk, Otomatik (cizgi ve dolgu), Cizgi kalınligi (0.5px-4px), Canli vektör animasyon ayarlari
  2. Vektöru veya gorseli indirin: SVG İndir, PNG (seffaf), WebP (iyilestirilmis) (2048x2048 px)
  3. Çerçeve kodunu kopyalayin: React, Next.js, Vue 3, Svelte, Angular, HTML ve CSS maskeleri için hazir kod kopyalayin.
  4. Ileri vektör duzenleme: SVG duzenleyicide duzenle (76,166)
Erisilebilirlik ipucu (WCAG 2.1): Susleme amacli ikonlari aria-hidden ve focusable false ile gizleyin. Yalnizca ikon iceren dugmelere net bir aria-label verin. Sagdan sola diller için oklari yatay olarak cevirin. bootstrap-regular-vector-pen.svg aria-hidden="true" focusable="false"

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

Gozat

Daha fazlasını keşet

Sıkça Sorulan Sorular

Vector Pen - Sıkça Sorulan Sorular

Vector Pen SVG ikonu ticari kullanım için ücretsiz mi? +

Evet, Vector Pen koleksiyonundaki Bootstrap Icons ikonu MIT lisanslıdır ve ticari projelerde ücretsiz kullanılabilir.

Vector Pen ikonu indirildiğinde orijinal renklerini korur mu? +

Evet, düzenleyicide yeni bir renk seçmediğiniz sürece Vector Pen varsayılan renklerini korur.

Vector Pen ikonunu React veya Vue da nasıl kullanırım? +

Bu sayfada React TSX veya Vue 3 sekmesini acin ve Copy SVG dugmesine tiklayin. Bileşeni projenize yapıştırin ve CSS ya da Tailwind ile biçimlendirin.

Vector Pen ikonunu şeffaf PNG olarak indirebilir miyim? +

Evet, 1024 piksele kadar bir boyut seçip PNG İndir düğmesine tıklayın.

Vector Pen ikonunu CSS ile nasıl hareketlendiririm? +

CSS keyframe kodunu eklemek için canlı düzenleyiciden bir animasyon seçin.

Vector Pen için yapay zeka komutu oluşturabilir miyim? +

Evet, bu sayfadaki yapay zeka komut oluşturucu ile 3D, Cam veya Neon stilinde komut alabilirsiniz.

Vector Pen ikonunu kalite kaybetmeden ölçeklendirebilir miyim? +

Evet. Vector Pen dosyasi ölçeklenebilir viewBox tasiyan bir vektördur; 16px, 64px, 512px ve baskida net kalir.

Vector Pen dosyasiyla ilgili sorunu nereye bildiririm? +

İkon adresiyle support@svgnexus.com adresine yazın. Vector Pen için lisans sorulari legal@svgnexus.com adresine gider.

%100 Tarayıcı Tabanlı İşleme | 76,166 ikon

SVG Düzenleyici

Yollari, katmanlari, renkleri ve animasyonlari tarayıcında duzenleyin; sonra temiz SVG, PNG veya çerçeve kodu aktarin.

76,166 vektör ikon içinde aramak için yazın...

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

Karsilastir

İkon kaynagi ve lisansi

Lisans Ticari kullanım Kaynak belirtme Degistir veya renklendir
MITIzinliPakette bildirimIzinli
ISCIzinliPakette bildirimIzinli
Apache-2.0IzinliBildirim dosyasi ile zorunluIzinli
CC BY 4.0IzinliKaynak belirtmek gerekirIzinli
CC-BY-SA-4.0IzinliAyni lisansla paylasimAyni lisansla paylasim
Trademark / BrandYalnizca referans amacliSahibin kurallariSinirli

İkon önizlemesi