أيقونة Responsive Design Hand

streamline-freehand:responsive-design-hand

أيقونة Responsive Design Hand (streamline-freehand:responsive-design-hand) أيقونة SVG مجانية من مجموعة Freehand free icons من تصميم Streamline. مرسومة على شبكة 24 × 24. تُنشر Freehand free icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Freehand free icons
المؤلف: Streamline
الترخيص: CC-BY-4.0
الحجم: 24 × 24
الفئة: البرمجة والتطبيقات والمواقع
الوسوم: responsivedesign، designhand، responsivedesignhand

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M2.508 2.715c2.938.197 5.888.167 8.822-.09a.3.3 0 1 0 0-.59c-5.215-.539-3.717-.38-8.862 0a.34.34 0 1 0 .04.68M6.604 9.36a14.6 14.6 0 0 0-5.295.13c-.21-2.179-.16-1.85.09-6.565a.3.3 0 0 0-.4-.45c-.32.26-.28 1-.35 1.28a20 20 0 0 0-.46 6.054c.047.78.212 1.548.49 2.278c.57.8 2.998.78 3.997.77a2.58 2.58 0 0 0-.52 2.048c-.361.04-.715.134-1.049.28a.3.3 0 0 0 0 .589a2.9 2.9 0 0 0 2.368 0a.34.34 0 0 0 0-.68l-.48-.1a3.45 3.45 0 0 0 .37-2.118s-.11 0 .74-.05a.34.34 0 0 0 0-.679a17.5 17.5 0 0 1-4.297-.54c-.3-.11-.22-.06-.29-.43c-.07-.369-.1-.609-.14-.998c2.179.26 2.119.2 5.246-.14a.34.34 0 0 0 .3-.48a.34.34 0 0 0-.32-.2m13.249.89c-.951.208-1.924.306-2.898.29a11.6 11.6 0 0 1-2.288-.21c-.38-.09-.54-.07-.54-.2s-.349-7.724.09-8.933c.286-.162.603-.257.93-.28c-.026.515.08 1.028.31 1.49a2.78 2.78 0 0 0 3.317.599a3.1 3.1 0 0 0 .85-1.999q.207.038.409.1a.34.34 0 0 0 .22-.64c-1.33-.389-6.265-.948-6.845.31c-.53 1.1-.669 8.803-.31 9.832c.51 1.4 5.166 1.13 6.625.68a1.75 1.75 0 0 0 1-.61c.329-.55 0-8.273 0-8.752a.3.3 0 1 0-.6 0c0 2.977-.14 8.353-.27 8.323m-.87-9.243a2.67 2.67 0 0 1-.689 1.21c-.353.07-.716.07-1.069 0c-1.239-.21-1.169-.45-1.409-1.21v-.15a16 16 0 0 1 3.168.15"/><path d="M23.51 19.191c-.87-1.599-2.918-1.758-4.576-1c-.9-7.123-4.257-6.544-4.377-3.366a22.6 22.6 0 0 0 .28 4.336c-1.289-.8-3.257-.36-3.177 1.259c.05 1.069 1.838 3.207 3.697 3.557a.27.27 0 1 0 .17-.51c-.34-.18-2.828-2.128-2.868-3.097c0-.7 1-.72 1.649-.37q.51.356 1.069.63a.49.49 0 0 0 .63-.48a16 16 0 0 0-.29-1.638c-.09-.79-.51-4.776.26-4.916c.309-.07.559.28.719.56c.939 1.678.949 4.685 1.179 5.235a.62.62 0 0 0 .939.28a3.6 3.6 0 0 1 1.519-.68a1.93 1.93 0 0 1 1.378.27c1 .77.69 2.158.48 3.617a.72.72 0 0 0 1.429.15c.25-1.1.45-2.838-.11-3.837m-11.13-1.798c0-.51-.67-.13-2.489-.39c-.16 0-.879-.16-.929-.3a28.3 28.3 0 0 1-.1-6.814c0-.19.19-.37.13-.43a9 9 0 0 1 1.849-.33c-.08.51-.07 1.47-.3 2.998a24 24 0 0 0 .11 4.396c0 .39.67.39.67 0c.08-.879.219-1.748.279-2.628a32 32 0 0 0-.15-4.855h.67a.34.34 0 1 0 0-.68c-1.204-.06-2.41.04-3.587.3c-1.23.5-1.14 6.834-.42 8.413c.48.999 2.828.72 3.997.64a.3.3 0 0 0 .27-.32"/><path d="M19.713 12.557a5.3 5.3 0 0 0 0 2.817a.34.34 0 0 0 .68 0c.39-1.648.38-1.549-.11-2.907a.299.299 0 0 0-.57.09"/></g></svg>

كيفية استخدام أيقونة Responsive Design Hand

React

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

<Icon icon="streamline-freehand:responsive-design-hand" width="24" />

Vue

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

<template>
  <Icon icon="streamline-freehand:responsive-design-hand" width="24" />
</template>

Svelte

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

<Icon icon="streamline-freehand:responsive-design-hand" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--responsive-design-hand]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:responsive-design-hand"></div>

مكوّن ويب

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

<iconify-icon icon="streamline-freehand:responsive-design-hand"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/streamline-freehand/responsive-design-hand.svg" alt="أيقونة Responsive Design Hand" width="24" height="24">

أيقونات ذات صلة في Freehand free icons

أيقونة Responsive Design Hand في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Responsive Design Hand

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

نعم. تُنشر Freehand free icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

كيف أستخدم أيقونة Responsive Design Hand في React؟

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

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

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/streamline-freehand/responsive-design-hand.svg" alt="أيقونة Responsive Design Hand">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Freehand free icons →