أيقونة Safari
cib:safari
أيقونة Safari (cib:safari) أيقونة SVG مجانية من مجموعة CoreUI Brands من تصميم creativeLabs Łukasz Holeczek. مرسومة على شبكة 32 × 32. تُنشر CoreUI Brands icons بموجب ترخيص CC0 1.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- CoreUI Brands
- المؤلف
- creativeLabs Łukasz Holeczek
- الترخيص
- CC0-1.0
- الحجم
- 32 × 32
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M16 32C7.161 32 0 24.839 0 16S7.161 0 16 0s16 7.161 16 16s-7.161 16-16 16m0-1c8.286 0 15-6.714 15-15S24.286 1 16 1S1 7.714 1 16s6.714 15 15 15m0-28.333c.182 0 .333.151.333.333v1.333c0 .443-.667.443-.667 0V3c0-.182.151-.333.333-.333zm0 24.666c.182 0 .333.151.333.333v1.333c0 .443-.667.443-.667 0v-1.333c0-.182.151-.333.333-.333zm9.427-20.76a.33.33 0 0 1 0 .469l-.943.943c-.313.318-.786-.156-.469-.469l.943-.943a.33.33 0 0 1 .469 0M7.984 24.016a.32.32 0 0 1 0 .469l-.943.943c-.125.146-.349.151-.484.016s-.13-.359.016-.484l.943-.943a.32.32 0 0 1 .469 0zM6.573 6.573a.33.33 0 0 1 .469 0l.943.943c.318.313-.156.786-.469.474l-.943-.948a.33.33 0 0 1 0-.469m17.443 17.443a.32.32 0 0 1 .469 0l.943.943c.146.125.151.349.016.484s-.359.13-.484-.016l-.943-.943a.32.32 0 0 1 0-.469zM2.667 16c0-.182.151-.333.333-.333h1.333c.443 0 .443.667 0 .667H3a.335.335 0 0 1-.333-.333zm24.666 0c0-.182.151-.333.333-.333h1.333c.443 0 .443.667 0 .667h-1.333a.335.335 0 0 1-.333-.333zM21.208 3.729c.172.068.25.266.177.432l-.521 1.229a.335.335 0 0 1-.443.188c-.172-.073-.25-.276-.172-.448l.521-1.224a.333.333 0 0 1 .438-.177m-9.635 22.703c.167.073.25.266.177.438l-.521 1.224c-.182.391-.766.141-.615-.255l.521-1.229a.33.33 0 0 1 .438-.177zm16.792-15.427a.333.333 0 0 1-.188.432l-1.234.5a.334.334 0 0 1-.432-.182a.33.33 0 0 1 .182-.438l1.234-.5a.34.34 0 0 1 .438.188M5.49 20.245a.325.325 0 0 1-.182.432l-1.234.5A.34.34 0 0 1 3.626 21a.336.336 0 0 1 .198-.438l1.234-.5a.325.325 0 0 1 .432.182zm5.515-16.61a.33.33 0 0 1 .432.188l.5 1.234c.167.411-.448.661-.62.25l-.495-1.234a.333.333 0 0 1 .182-.438zm9.24 22.875a.333.333 0 0 1 .438.182l.495 1.234a.34.34 0 0 1-.177.448a.336.336 0 0 1-.438-.198l-.5-1.234a.325.325 0 0 1 .182-.432M3.729 10.792a.325.325 0 0 1 .432-.177l1.229.521c.385.182.141.766-.26.615l-1.224-.521a.333.333 0 0 1-.177-.438m22.703 9.635a.34.34 0 0 1 .438-.177l1.224.521c.177.068.266.271.193.443s-.281.25-.448.172l-1.229-.521a.33.33 0 0 1-.177-.438zm-9.26-3.255l-2.344-2.344l-5.521 7.865zm8.255-10.599l-7.776 11.078l-11.078 7.776l7.776-11.078z"/></svg>
كيفية استخدام أيقونة Safari
React
import { Icon } from "@iconify/react";
<Icon icon="cib:safari" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:safari" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:safari" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--safari]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:safari"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:safari"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/cib/safari.svg" alt="أيقونة Safari" width="24" height="24">
أيقونة Safari في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Safari
هل أيقونة Safari مجانية للاستخدام التجاري؟
نعم. تُنشر CoreUI Brands icons بموجب ترخيص CC0 1.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Safari في React؟
ثبّت @iconify/react واعرض <Icon icon="cib:safari" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Safari إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/cib/safari.svg" alt="أيقونة Safari">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات CoreUI Brands →
ICONYZ
