Ikon Chromium
thesvg-color:chromium
Ikon Chromium (thesvg-color:chromium) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 512 × 512. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- theSVG Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 512 × 512
Kode 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>Cara memakai ikon 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>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:chromium"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/chromium.svg" alt="Ikon Chromium" width="24" height="24">Ikon Chromium di set ikon lain
FAQ Ikon Chromium
Apakah ikon Chromium gratis untuk penggunaan komersial?
Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Chromium di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:chromium" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Chromium ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/chromium.svg" alt="Ikon Chromium">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.