أيقونة Creation Outline

mdi:creation-outline

أيقونة Creation Outline (mdi:creation-outline) أيقونة SVG مجانية من مجموعة Material Design Icons من تصميم Pictogrammers. مرسومة على شبكة 24 × 24. تُنشر Material Design Icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Material Design Icons
المؤلف: Pictogrammers
الترخيص: Apache-2.0
الحجم: 24 × 24
الوسوم: auto awesome outline، sparkles outline، stars outline، shimmer outline، creationoutline

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m9 4l2.5 5.5L17 12l-5.5 2.5L9 20l-2.5-5.5L1 12l5.5-2.5zm0 4.83L8 11l-2.17 1L8 13l1 2.17L10 13l2.17-1L10 11zM19 9l-1.26-2.74L15 5l2.74-1.25L19 1l1.25 2.75L23 5l-2.75 1.26zm0 14l-1.26-2.74L15 19l2.74-1.25L19 15l1.25 2.75L23 19l-2.75 1.26z"/></svg>

كيفية استخدام أيقونة Creation Outline

React

import { Icon } from "@iconify/react";

<Icon icon="mdi:creation-outline" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="mdi:creation-outline" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="mdi:creation-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mdi--creation-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mdi -->
<div class="i-mdi:creation-outline"></div>

مكوّن ويب

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="mdi:creation-outline"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/mdi/creation-outline.svg" alt="أيقونة Creation Outline" width="24" height="24">

أيقونات ذات صلة في Material Design Icons

الأسئلة الشائعة حول أيقونة Creation Outline

هل أيقونة Creation Outline مجانية للاستخدام التجاري؟

نعم. تُنشر Material Design Icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Creation Outline في React؟

ثبّت @iconify/react واعرض <Icon icon="mdi:creation-outline" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Creation Outline إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/mdi/creation-outline.svg" alt="أيقونة Creation Outline">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Material Design Icons →