أيقونة Chrome
devicon:chrome
أيقونة Chrome (devicon:chrome) أيقونة SVG مجانية من مجموعة Devicon من تصميم konpa. مرسومة على شبكة 128 × 128. تُنشر Devicon icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Devicon
- المؤلف
- konpa
- الترخيص
- MIT
- الحجم
- 128 × 128
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><circle cx="64.149" cy="64.236" r="60.999" fill="#fff"/><path fill-opacity=".1" d="M102.966 75.327c0-21.439-17.379-38.819-38.817-38.819s-38.818 17.38-38.818 38.819h11.09c0-15.314 12.415-27.727 27.727-27.727s27.727 12.413 27.727 27.727"/><circle cx="66.922" cy="71.999" r="21.072" fill-opacity=".1"/><linearGradient id="SVG61H0bjED" x1="395.191" x2="395.191" y1="484.168" y2="484.723" gradientTransform="matrix(82 0 0 82 -32341.5 -39660.313)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#81b4e0"/><stop offset="1" stop-color="#0c5a94"/></linearGradient><circle cx="64.149" cy="64.235" r="22.736" fill="url(#SVG61H0bjED)"/><linearGradient id="SVG8Bw7RbEM" x1="-608.91" x2="-608.91" y1="-597.648" y2="-547.185" gradientTransform="translate(675 599.775)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f06b59"/><stop offset="1" stop-color="#df2227"/></linearGradient><path fill="url(#SVG8Bw7RbEM)" d="M119.602 36.508C104.336 5.792 67.06-6.732 36.343 8.534A62.1 62.1 0 0 0 12.578 29.3l24.955 43.253c-4.597-14.606 3.521-30.174 18.127-34.77a27.7 27.7 0 0 1 7.935-1.274"/><linearGradient id="SVGoOQHzbgk" x1="-657.835" x2="-632.327" y1="-491.393" y2="-533.537" gradientTransform="translate(675 599.775)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#388b41"/><stop offset="1" stop-color="#4cb749"/></linearGradient><path fill="url(#SVGoOQHzbgk)" d="M12.578 29.3c-19.1 28.492-11.486 67.071 17.005 86.171a62.13 62.13 0 0 0 29.575 10.319l26.063-44.363c-9.745 11.811-27.22 13.486-39.032 3.74a27.7 27.7 0 0 1-8.657-12.613"/><linearGradient id="SVGgyeQNSzq" x1="-572.385" x2="-599.557" y1="-486.91" y2="-552.345" gradientTransform="translate(675 599.775)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#e4b022"/><stop offset=".3" stop-color="#fcd209"/></linearGradient><path fill="url(#SVGgyeQNSzq)" d="M59.158 125.791c34.204 2.585 64.027-23.047 66.613-57.25a62.1 62.1 0 0 0-6.17-32.031H63.595c15.312.07 27.67 12.541 27.598 27.854a27.73 27.73 0 0 1-5.972 17.064"/><linearGradient id="SVGy8Gabcsv" x1="-649.391" x2="-649.391" y1="-528.885" y2="-573.247" gradientTransform="translate(675 599.775)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-opacity=".15"/><stop offset=".3" stop-opacity=".06"/><stop offset="1" stop-opacity=".03"/></linearGradient><path fill="url(#SVGy8Gabcsv)" d="m12.578 29.3l24.955 43.253a27.73 27.73 0 0 1 1.107-18.854L13.686 27.636"/><linearGradient id="SVGZwtQEbfW" x1="-588.158" x2="-618.657" y1="-514.559" y2="-483.505" gradientTransform="translate(675 599.775)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-opacity=".15"/><stop offset=".3" stop-opacity=".06"/><stop offset="1" stop-opacity=".03"/></linearGradient><path fill="url(#SVGZwtQEbfW)" d="m59.158 125.791l26.063-44.363a27.73 27.73 0 0 1-16.082 9.426l-11.091 34.937"/><linearGradient id="SVGFZLRwzUL" x1="-588.6" x2="-584.163" y1="-505.621" y2="-549.431" gradientTransform="translate(675 599.775)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-opacity=".15"/><stop offset=".3" stop-opacity=".06"/><stop offset="1" stop-opacity=".03"/></linearGradient><path fill="url(#SVGFZLRwzUL)" d="M119.602 36.508H63.595a27.73 27.73 0 0 1 21.626 10.537l35.491-8.873"/></svg>
كيفية استخدام أيقونة Chrome
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:chrome" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:chrome" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:chrome" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--chrome]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:chrome"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:chrome"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/devicon/chrome.svg" alt="أيقونة Chrome" width="24" height="24">
أيقونات ذات صلة في Devicon
أيقونة Chrome في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Chrome
هل أيقونة Chrome مجانية للاستخدام التجاري؟
نعم. تُنشر Devicon icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Chrome في React؟
ثبّت @iconify/react واعرض <Icon icon="devicon:chrome" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Chrome إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/devicon/chrome.svg" alt="أيقونة Chrome">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Devicon →
ICONYZ
