ICONYZ
Türkçe
theSVG Color setinden Chromium ikonu

Chromium ikonu

thesvg-color:chromium

Chromium ikonu (thesvg-color:chromium), theSVG Color setinden ücretsiz bir SVG ikondur (yapımcı: thesvg.org). 512 × 512 ızgara üzerinde çizilmiştir. theSVG Color icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti
theSVG Color
Yazar
thesvg.org
Lisans
MIT
Boyut
512 × 512
SVG indir

SVG kodu

<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 ikonu nasıl kullanılır

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>

Web bileşeni

<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 görseli

<img src="https://iconyz.com/api/public/svg/thesvg-color/chromium.svg" alt="Chromium ikonu" width="24" height="24">

Diğer ikon setlerinde Chromium ikonu

Chromium ikonu: sık sorulan sorular

Chromium ikonu ticari kullanım için ücretsiz mi?

Evet. theSVG Color icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Chromium ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="thesvg-color:chromium" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Chromium ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/thesvg-color/chromium.svg" alt="Chromium ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: theSVG Color ikonları →