ICONYZ
العربية
أيقونة Statusnook من theSVG Color

أيقونة Statusnook

thesvg-color:statusnook

أيقونة Statusnook (thesvg-color:statusnook) أيقونة SVG مجانية من مجموعة theSVG Color من تصميم thesvg.org. مرسومة على شبكة 226 × 59. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
theSVG Color
المؤلف
thesvg.org
الترخيص
MIT
الحجم
226 × 59
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="226" height="59" viewBox="0 0 226 59"><defs><path id="SVGsbIiYbWO" fill="#fff" d="M183.253 44.094c5.674 0 10.273-4.6 10.273-10.276c0-5.675-4.599-10.275-10.273-10.275s-10.273 4.6-10.273 10.275s4.6 10.276 10.273 10.276"/></defs><g fill="none"><path fill="#9effa8" d="M171.444 1.663c.052-.73.687-1.28 1.417-1.227l25.98 1.877l-1.961 27.162l-27.302-1.972z"/><path fill="#3be78a" d="m198.846 2.225l24.515 1.77a2.65 2.65 0 0 1 2.453 2.837l-2.339 32.39l-27.159-1.961z"/><path fill="#66cc5d" d="m169.921 23.615l30.467 2.2c.365.027.64.344.613.71l-2.197 30.434l-31.128-2.248z"/><path fill="#daff45" d="M196.5 34.69c.053-.73.687-1.28 1.418-1.227l25.981 1.877l-1.69 23.404l-27.303-1.972z"/><use href="#SVGsbIiYbWO"/><use href="#SVGsbIiYbWO"/><path fill="#414141" d="M186.978 30.043c-.486-1.198-1.238-2.101-2.124-2.55s-1.849-.415-2.72.096s-1.594 1.466-2.042 2.697s-.593 2.66-.409 4.036c.185 1.375.686 2.61 1.417 3.485c.73.876 1.643 1.337 2.578 1.303c.934-.033 1.832-.56 2.533-1.488c.702-.928 1.163-2.197 1.303-3.584l-3.932-.892z"/><path fill="#000" d="M13.447 44.262q-2.46 0-4.37-.51q-1.908-.55-3.308-1.484q-1.4-.976-2.29-2.121a8.5 8.5 0 0 1-1.315-2.504L5.6 36.456q.636 1.866 2.545 3.266q1.95 1.358 4.75 1.358q3.436 0 5.387-1.358q1.951-1.357 1.951-3.606q0-2.079-1.739-3.352q-1.739-1.315-4.58-2.036l-3.267-.849a14.6 14.6 0 0 1-3.69-1.485q-1.654-1.018-2.672-2.545q-.976-1.57-.976-3.734q0-4.03 2.588-6.279q2.63-2.29 7.55-2.291q2.927 0 5.047.976q2.121.933 3.436 2.418q1.357 1.442 1.909 3.14l-3.393 1.188q-.807-2.122-2.715-3.31q-1.91-1.23-4.624-1.23q-2.841 0-4.538 1.4q-1.654 1.358-1.654 3.734q0 2.036 1.315 3.14q1.314 1.06 3.435 1.569l3.266.806q4.327 1.018 6.617 3.394q2.334 2.334 2.333 5.05a8.1 8.1 0 0 1-1.187 4.284q-1.188 1.91-3.521 3.055q-2.29 1.103-5.726 1.103m23.552 0q-3.096 0-4.793-1.612t-1.697-4.54V15.92h3.394v21.85q0 1.613.848 2.504q.891.849 2.46.849q.51 0 .976-.128q.509-.17 1.314-.764l1.315 2.758q-1.103.721-1.993.976a5.7 5.7 0 0 1-1.824.297m-10.18-18.71v-3.013h13.446v3.013zm31.176 18.2l-.212-3.478v-7.722q0-2.503-.594-4.115q-.55-1.655-1.739-2.461q-1.146-.848-3.054-.848q-1.824 0-3.181.72q-1.315.722-2.163 2.25l-3.054-1.231a10.8 10.8 0 0 1 2.036-2.588a7.8 7.8 0 0 1 2.757-1.655q1.611-.594 3.648-.594q2.926 0 4.877 1.146q1.952 1.146 2.927 3.436q.976 2.25.933 5.643l-.042 11.498zm-6.362.51q-3.733 0-5.854-1.697q-2.079-1.74-2.078-4.794q0-3.224 2.12-4.922q2.164-1.74 6.024-1.74h6.065v2.843h-5.302q-2.97 0-4.241.976q-1.23.975-1.23 2.8q0 1.655 1.23 2.63q1.23.934 3.435.934q1.825 0 3.181-.848a5.6 5.6 0 0 0 2.079-2.291q.72-1.486.72-3.352h2.08q0 4.327-2.122 6.915q-2.12 2.546-6.108 2.546m22.895 0q-3.098 0-4.793-1.612q-1.698-1.612-1.697-4.54V15.92h3.393v21.85q0 1.613.849 2.504q.89.849 2.46.849q.509 0 .976-.128q.508-.17 1.314-.764l1.315 2.758q-1.103.721-1.993.976a5.7 5.7 0 0 1-1.824.297m-10.18-18.71v-3.013h13.446v3.013zm32.784 18.2l-.212-3.902V22.54h3.394v21.213zm-15.1-9.078V22.539h3.394v10.862zm3.394-1.273q0 3.139.72 4.794q.722 1.655 1.994 2.291q1.316.594 2.927.594q2.757 0 4.284-1.994q1.57-1.995 1.57-5.558h1.654q0 3.352-.976 5.77q-.975 2.418-2.842 3.691q-1.824 1.273-4.454 1.273q-3.86 0-6.108-2.376q-2.205-2.376-2.163-7.212zm28.233 10.861q-2.334 0-4.072-.679q-1.74-.72-2.927-1.867q-1.145-1.145-1.654-2.503l2.969-1.23q.721 1.443 2.163 2.333a5.93 5.93 0 0 0 3.182.891q1.992 0 3.351-.763q1.356-.806 1.357-2.249q0-1.316-1.018-2.121q-.977-.806-2.927-1.316l-2.036-.551q-2.885-.764-4.496-2.291q-1.612-1.57-1.612-3.522q0-3.012 1.951-4.667q1.993-1.697 5.896-1.697q1.866 0 3.393.552q1.527.551 2.63 1.57a5.8 5.8 0 0 1 1.612 2.333l-2.969 1.315q-.552-1.441-1.824-2.079q-1.273-.636-3.096-.636q-1.951 0-3.054.849q-1.103.805-1.103 2.29q0 .85.891 1.613q.932.72 2.714 1.188l2.121.551q2.078.51 3.478 1.528q1.4.976 2.121 2.248t.721 2.716q0 1.91-1.018 3.309t-2.757 2.164q-1.74.72-3.987.721m12.335-.51V22.54h3.181l.212 3.904v17.31zm14.888 0v-10.86l3.394-1.273v12.134zm0-10.86q0-3.14-.721-4.795q-.72-1.654-1.993-2.248q-1.273-.637-2.885-.637q-2.799 0-4.369 1.994q-1.527 1.953-1.527 5.558h-1.654q0-3.352.976-5.77q.975-2.418 2.799-3.69q1.866-1.275 4.496-1.274q3.86 0 6.066 2.376q2.248 2.376 2.206 7.213zm18.139 11.37q-3.097 0-5.514-1.4q-2.376-1.443-3.733-3.946q-1.357-2.502-1.357-5.77t1.314-5.77q1.357-2.504 3.733-3.903q2.418-1.443 5.472-1.443q3.138 0 5.514 1.443a9.55 9.55 0 0 1 3.733 3.903q1.357 2.503 1.357 5.77t-1.357 5.77q-1.315 2.503-3.691 3.946q-2.376 1.4-5.471 1.4m0-3.14q2.12 0 3.69-1.018t2.46-2.8q.933-1.782.933-4.158t-.933-4.158q-.89-1.782-2.503-2.8t-3.732-1.018q-2.079 0-3.69 1.018q-1.57 1.018-2.503 2.8q-.891 1.782-.891 4.158q0 2.334.891 4.158q.933 1.782 2.545 2.8q1.654 1.019 3.733 1.019m24.604 3.14q-3.096 0-5.514-1.4q-2.376-1.443-3.732-3.946q-1.358-2.502-1.358-5.77t1.315-5.77q1.357-2.504 3.733-3.903q2.418-1.443 5.472-1.443q3.138 0 5.514 1.443a9.54 9.54 0 0 1 3.732 3.903q1.358 2.503 1.358 5.77t-1.358 5.77q-1.314 2.503-3.69 3.946q-2.376 1.4-5.472 1.4m0-3.14q2.12 0 3.691-1.018q1.569-1.018 2.46-2.8q.933-1.782.933-4.158t-.933-4.158q-.89-1.782-2.503-2.8t-3.732-1.018q-2.079 0-3.691 1.018q-1.569 1.018-2.502 2.8q-.891 1.782-.891 4.158q0 2.334.891 4.158q.933 1.782 2.545 2.8q1.655 1.019 3.732 1.019m18.54-4.2l-2.163-2.333l11.282-12.05h4.284zm-3.309 6.83V14.055h3.394v29.699zm13.361 0l-8.059-12.176l2.206-2.375l10.053 14.552z"/></g></svg>

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

React

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

<Icon icon="thesvg-color:statusnook" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:statusnook" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:statusnook" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--statusnook]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:statusnook"></div>

مكوّن ويب

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

<iconify-icon icon="thesvg-color:statusnook"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/statusnook.svg" alt="أيقونة Statusnook" width="24" height="24">

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

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

نعم. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

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

تصفح كل أيقونات theSVG Color →