BPMN ikonları
bpmn · 112 ikon · yapımcı: Camunda Services GmbH · OFL-1.1 · tek renkli · Güncellendi
BPMN ikonları, 112 SVG ikon içeren ücretsiz ve açık kaynak bir ikon setidir (yapımcı: Camunda Services GmbH), lisans: Open Font License. İkonlar tek renklidir: metin renginizi (currentColor) izler ve CSS ile yeniden renklendirilebilir.
BPMN ikonları tasarım özellikleri
- dolgulu
- tek renkli
- yuvarlatılmış
Bu setin çizim kuralları, SVG dosyalarından ölçülmüştür. Setle uyumlu yeni ikonlar tasarlamak için bunları kullanın.
| Tuval | 2048 × 2048 · ikonların %73 kadarı |
|---|---|
| viewBox | 0 0 2048 2048 |
| Çizim alanı | 1863.56 × 1863.56, 92.22 kenar boşluğu |
| Çizim stili | Dolgulu şekiller |
| Köşe yarıçapı | 329.75 |
| Renkler | Tek renk (currentColor), CSS ile değiştirilebilir |
| Koordinatlar | En fazla 3 ondalık basamak |
| Düz çizgiler | %8 yatay veya dikey, %3 45° açılı |
| Eğriler | çizim komutlarının %8 kadarı |
| Simetri | İkonların %23 kadarı soldan sağa simetriktir |
| İkon başına öğe | 1.3 |
| İkon başına çizim komutu | 183 |
Bu setten 64 ikon üzerinde ölçülmüştür.
Yapay zekâ ile ikon üretimi
Lisans, bu setten türetilen yeni ikonlara izin veriyor.
- Orijinal yazarlara atıf yapın.
- Türetilen ikonları aynı lisansla (OFL-1.1) yayımlayın.
Atıf satırı: Based on BPMN by Camunda Services GmbH, licensed under Open Font License. https://github.com/bpmn-io/bpmn-font/blob/master/LICENSE
LLM istemi için stil kılavuzu (İngilizce)
Bu setten birkaç ikonla birlikte bir isteme yapıştırın, ardından istediğiniz ikonu belirtin.
You draw new icons for the "BPMN" icon set (Iconify prefix "bpmn") by Camunda Services GmbH.
Style: filled, solid, monochrome, rounded.
Iconify describes the set as: Has Padding.
Canvas
- Root: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2048 2048">.
- Keep the drawing inside a 1863.56x1863.56 live area: about 92.22 units of padding on every side (never less than 22.94).
- A typical icon's bounding box covers 82% of the canvas.
Drawing
- Filled icons: draw closed filled shapes; don't use strokes.
- Round corners with a radius of about 329.75.
Geometry
- Coordinates are free-form; write at most 3 decimals.
- Straight lines: 8% horizontal or vertical, 3% at 45 degrees.
- About 8% of drawing commands are curves or arcs.
- Keep it simple: about 1 element and 183 drawing commands per icon.
- Elements used by the set: path, g, rect, circle.
Color
- Monochrome: paint with currentColor only, never a fixed color.
Output
- Reply with one complete <svg> element and nothing else: no comments, <title>, ids or scripts.
- Match the examples: reuse their shapes for shared parts (arrow heads, people, documents, badges).
- The result is a derivative of Open Font License; it must be released under the same license.
BPMN ikonları hakkında
Popüler BPMN ikonları: intermediate event catch non interrupting escalation, user ve lane insert above.
Herhangi bir ikonu açıp SVG, JSX, Vue, Svelte, Solid, Astro veya CSS olarak kopyalayabilir ya da SVG veya PNG olarak indirebilirsiniz. BPMN ikonları, Open Font License ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Kullanım: BPMN ikonları
Bu sayfadaki her ikon tüm framework'lerle çalışır. Örneklerde bpmn:intermediate-event-catch-non-interrupting-escalation kullanılıyor; bir ikonu açarak SVG, JSX, Vue, Svelte, Solid, Astro veya CSS kodunun tam halini kopyalayabilirsiniz. Boyut, renk ve erişilebilirlik ipuçları için şu rehbere göz atın: SVG ikonlar nasıl kullanılır.
React
import { Icon } from "@iconify/react";
<Icon icon="bpmn:intermediate-event-catch-non-interrupting-escalation" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="bpmn:intermediate-event-catch-non-interrupting-escalation" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="bpmn:intermediate-event-catch-non-interrupting-escalation" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[bpmn--intermediate-event-catch-non-interrupting-escalation]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/bpmn -->
<div class="i-bpmn:intermediate-event-catch-non-interrupting-escalation"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="bpmn:intermediate-event-catch-non-interrupting-escalation"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/bpmn/intermediate-event-catch-non-interrupting-escalation.svg" alt="Intermediate Event Catch Non Interrupting Escalation ikonu" width="24" height="24">BPMN ikonları: sık sorulan sorular
BPMN ikonları ticari kullanım için ücretsiz mi?
Evet. BPMN ikonları, Open Font License ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
BPMN ikonları setinde kaç ikon var?
BPMN ikonları setinde 112 ikon var.
BPMN ikonları hangi lisansı kullanıyor?
BPMN ikonları lisansı: Open Font License. Lisansın tam metni şu adreste: https://github.com/bpmn-io/bpmn-font/blob/master/LICENSE.
BPMN ikonları kimin yapımı?
Yapımcı: Camunda Services GmbH (BPMN ikonları).
BPMN ikonları React'te nasıl kullanılır?
@iconify/react paketini kurup <Icon icon="bpmn:intermediate-event-catch-non-interrupting-escalation" /> kullanın ya da bu sayfadaki herhangi bir ikonu açıp bağımsız bir React bileşeni olarak kopyalayın.