أيقونة Chromium

thesvg-color:chromium

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

المجموعة: theSVG Color
المؤلف: thesvg.org
الترخيص: MIT
الحجم: 512 × 512

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><defs><linearGradient id="SVG3KJhndFF" x1=".465" x2=".557" y1="-.674" y2=".811" gradientTransform="matrix(231.62575 0 0 231.62472 111.11 159.994)" gradientUnits="userSpaceOnUse" href="#SVG0nZBzdqE"/><linearGradient id="SVG0nZBzdqE"><stop offset="0" stop-color="#1972e7"/><stop offset="1" stop-color="#1969d5"/></linearGradient><linearGradient id="SVGk3DIPeob" x1="101.744" x2="101.599" y1="33.726" y2="135.466" gradientTransform="matrix(3.77942 0 0 3.7794 .002 .004)" gradientUnits="userSpaceOnUse" href="#SVGZdpjcdhY"/><linearGradient id="SVGZdpjcdhY" x2="1" gradientTransform="translate(29.399 42.333)scale(61.286)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#afccfb"/><stop offset="1" stop-color="#8bb5f8"/></linearGradient><linearGradient id="SVGrScsudAu" x1=".018" x2="1.77" y1="-.512" y2=".499" gradientTransform="rotate(60 -101.572 171.29)scale(189.86363 189.86405)" gradientUnits="userSpaceOnUse" href="#SVGuxkIFdWv"/><linearGradient id="SVGuxkIFdWv" x2="1" gradientTransform="rotate(60 -26.875 45.321)scale(50.236)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#659cf6"/><stop offset="1" stop-color="#4285f4"/></linearGradient><linearGradient id="SVG4JhIcbvK" x1="67.452" x2="67.733" y1="40.321" y2="95.25" gradientTransform="matrix(3.77942 0 0 3.7794 .002 .004)" gradientUnits="userSpaceOnUse" href="#SVG3OirCccr"/><linearGradient id="SVG3OirCccr"><stop offset="0" stop-color="#3680f0"/><stop offset="1" stop-color="#2678ec"/></linearGradient></defs><path fill="url(#SVGk3DIPeob)" d="m255.993 255.994l110.85 63.997l-110.85 191.994c141.38 0 255.992-114.61 255.992-255.99c0-46.642-12.536-90.332-34.331-127.998H255.99z"/><path fill="url(#SVG3KJhndFF)" d="M255.99 0C161.24 0 78.578 51.513 34.313 128.027L145.14 319.991l110.85-63.997V127.997h221.664C433.382 51.502 350.729 0 255.99 0"/><path fill="url(#SVGrScsudAu)" d="M.002 255.994c0 141.38 114.607 255.99 255.991 255.99l110.85-191.993l-110.85-63.997l-110.85 63.997L34.315 128.027C12.53 165.682 0 209.357 0 255.991"/><path fill="#fff" d="M383.99 255.994c0 70.69-57.306 127.997-127.997 127.997c-70.69 0-127.998-57.307-127.998-127.997s57.308-127.997 127.998-127.997s127.998 57.307 127.998 127.997"/><path fill="url(#SVG4JhIcbvK)" d="M359.992 255.994c0 57.436-46.563 103.998-103.999 103.998S151.995 313.43 151.995 255.994c0-57.435 46.562-103.998 103.998-103.998s103.999 46.563 103.999 103.998"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

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

أيقونة Chromium في مجموعات أخرى

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

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

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

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

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

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

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

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