ICONYZ
Türkçe
SVG Logos setinden Codium ikonu

Codium ikonu

logos:codium

Codium ikonu (logos:codium), SVG Logos setinden ücretsiz bir SVG ikondur (yapımcı: Gil Barbara). 512 × 94 ızgara üzerinde çizilmiştir. SVG Logos icons, CC0 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
SVG Logos
Yazar
Gil Barbara
Lisans
CC0-1.0
Boyut
512 × 94
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="94" viewBox="0 0 512 94"><defs><radialGradient id="SVGw00Fqe9V" cx="0" cy="0" r="1" gradientTransform="rotate(180.8 22.11 31.318)scale(34.54826 50.39238)" gradientUnits="userSpaceOnUse"><stop stop-color="#6447ff"/><stop offset=".067" stop-color="#6348fe"/><stop offset=".133" stop-color="#614dfc"/><stop offset=".2" stop-color="#5c54f8"/><stop offset=".267" stop-color="#565ef3"/><stop offset=".333" stop-color="#4e6cec"/><stop offset=".4" stop-color="#447be4"/><stop offset=".467" stop-color="#3a8ddb"/><stop offset=".533" stop-color="#2f9fd1"/><stop offset=".6" stop-color="#25b1c8"/><stop offset=".667" stop-color="#1bc0c0"/><stop offset=".733" stop-color="#13ceb9"/><stop offset=".8" stop-color="#0dd8b4"/><stop offset=".867" stop-color="#08dfb0"/><stop offset=".933" stop-color="#06e4ae"/><stop offset="1" stop-color="#05e5ad"/></radialGradient><radialGradient id="SVGJN9BXvrA" cx="0" cy="0" r="1" gradientTransform="rotate(195.945 36.012 15.363)scale(19.21353 19.75271)" gradientUnits="userSpaceOnUse"><stop stop-color="#6447ff"/><stop offset=".067" stop-color="#6348fe"/><stop offset=".133" stop-color="#614dfc"/><stop offset=".2" stop-color="#5c54f8"/><stop offset=".267" stop-color="#565ef3"/><stop offset=".333" stop-color="#4e6cec"/><stop offset=".4" stop-color="#447be4"/><stop offset=".467" stop-color="#3a8ddb"/><stop offset=".533" stop-color="#2f9fd1"/><stop offset=".6" stop-color="#25b1c8"/><stop offset=".667" stop-color="#1bc0c0"/><stop offset=".733" stop-color="#13ceb9"/><stop offset=".8" stop-color="#0dd8b4"/><stop offset=".867" stop-color="#08dfb0"/><stop offset=".933" stop-color="#06e4ae"/><stop offset="1" stop-color="#05e5ad"/></radialGradient><radialGradient id="SVGXJxMT19X" cx="0" cy="0" r="1" gradientTransform="rotate(195.945 39.538 40.539)scale(19.21353 19.75271)" gradientUnits="userSpaceOnUse"><stop stop-color="#6447ff"/><stop offset=".067" stop-color="#6348fe"/><stop offset=".133" stop-color="#614dfc"/><stop offset=".2" stop-color="#5c54f8"/><stop offset=".267" stop-color="#565ef3"/><stop offset=".333" stop-color="#4e6cec"/><stop offset=".4" stop-color="#447be4"/><stop offset=".467" stop-color="#3a8ddb"/><stop offset=".533" stop-color="#2f9fd1"/><stop offset=".6" stop-color="#25b1c8"/><stop offset=".667" stop-color="#1bc0c0"/><stop offset=".733" stop-color="#13ceb9"/><stop offset=".8" stop-color="#0dd8b4"/><stop offset=".867" stop-color="#08dfb0"/><stop offset=".933" stop-color="#06e4ae"/><stop offset="1" stop-color="#05e5ad"/></radialGradient><radialGradient id="SVGlnoWp0aF" cx="0" cy="0" r="1" gradientTransform="rotate(203.552 50.906 36.129)scale(18.43736 27.3369)" gradientUnits="userSpaceOnUse"><stop stop-color="#6447ff"/><stop offset=".067" stop-color="#6348fe"/><stop offset=".133" stop-color="#614dfc"/><stop offset=".2" stop-color="#5c54f8"/><stop offset=".267" stop-color="#565ef3"/><stop offset=".333" stop-color="#4e6cec"/><stop offset=".4" stop-color="#447be4"/><stop offset=".467" stop-color="#3a8ddb"/><stop offset=".533" stop-color="#2f9fd1"/><stop offset=".6" stop-color="#25b1c8"/><stop offset=".667" stop-color="#1bc0c0"/><stop offset=".733" stop-color="#13ceb9"/><stop offset=".8" stop-color="#0dd8b4"/><stop offset=".867" stop-color="#08dfb0"/><stop offset=".933" stop-color="#06e4ae"/><stop offset="1" stop-color="#05e5ad"/></radialGradient><radialGradient id="SVGf9vcncVD" cx="0" cy="0" r="1" gradientTransform="rotate(203.552 46.06 12.887)scale(18.43736 27.3369)" gradientUnits="userSpaceOnUse"><stop stop-color="#6447ff"/><stop offset=".067" stop-color="#6348fe"/><stop offset=".133" stop-color="#614dfc"/><stop offset=".2" stop-color="#5c54f8"/><stop offset=".267" stop-color="#565ef3"/><stop offset=".333" stop-color="#4e6cec"/><stop offset=".4" stop-color="#447be4"/><stop offset=".467" stop-color="#3a8ddb"/><stop offset=".533" stop-color="#2f9fd1"/><stop offset=".6" stop-color="#25b1c8"/><stop offset=".667" stop-color="#1bc0c0"/><stop offset=".733" stop-color="#13ceb9"/><stop offset=".8" stop-color="#0dd8b4"/><stop offset=".867" stop-color="#08dfb0"/><stop offset=".933" stop-color="#06e4ae"/><stop offset="1" stop-color="#05e5ad"/></radialGradient><radialGradient id="SVG7h9vRcbs" cx="0" cy="0" r="1" gradientTransform="matrix(10.9966 0 0 54.245 84.453 62.46)" gradientUnits="userSpaceOnUse"><stop stop-color="#05e5ad"/><stop offset=".32" stop-color="#05e5ad" stop-opacity="0"/><stop offset=".903" stop-color="#6447ff"/></radialGradient></defs><path fill="#7962fe" d="M139.049 31.254c5.189 0 10.617 1.207 14.962 3.739v16.529c-4.103-2.895-8.327-4.342-12.911-4.342c-9.17 0-16.168 6.394-16.168 15.443c0 8.929 6.877 15.443 16.168 15.443c4.705 0 9.292-1.93 13.032-4.584v16.65c-4.826 2.653-10.136 3.861-15.325 3.861c-18.338 0-31.611-12.669-31.611-31.37c0-17.978 13.152-31.369 31.853-31.369m50.181 0c18.462 0 32.337 13.633 32.337 31.369s-13.875 31.37-32.337 31.37c-18.459 0-32.335-13.634-32.335-31.37s13.876-31.369 32.335-31.369m0 46.694c8.205 0 14.961-6.759 14.961-15.325s-6.756-15.322-14.961-15.322c-8.203 0-14.962 6.757-14.962 15.322c0 8.566 6.759 15.325 14.962 15.325M290.272 7.969v84.456h-17.497v-7.963c-4.1 6.033-11.461 9.41-19.303 9.41c-16.048 0-28.232-13.513-28.232-31.249c0-17.615 12.184-31.248 28.232-31.248c7.842 0 15.203 3.016 19.303 9.168V7.969Zm-32.217 70.097c8.569 0 15.325-6.877 15.325-15.443s-6.756-15.443-15.325-15.443c-8.565 0-15.321 6.878-15.321 15.443c0 8.566 6.756 15.443 15.321 15.443m40.384 14.359V32.821h17.615v59.604Zm64.6-59.604h17.615v59.604h-17.615v-7.6c-3.501 5.67-9.534 9.168-17.376 9.168c-13.513 0-21.836-9.41-21.836-24.372v-36.8h17.615v32.577c0 7.842 3.86 12.429 10.496 12.429c6.756 0 11.101-5.068 11.101-13.515Zm43.4 59.604h-17.615V32.821h17.615v7.482c3.137-5.431 8.928-9.049 16.771-9.049c8.084 0 14.238 3.86 17.497 10.375c3.739-6.273 10.495-10.375 19.182-10.375c13.633 0 21.355 9.289 21.355 23.769v37.402h-17.615v-33.3c0-7.361-3.377-11.824-9.531-11.824c-6.033 0-10.136 4.947-10.257 12.911v32.213h-17.615v-33.06c0-7.601-3.376-12.064-9.409-12.064c-6.275 0-10.378 5.066-10.378 13.271ZM502.09 8.802v19.072h-5.522v-2.546c-1.312 1.931-3.667 3.011-6.178 3.011c-5.135 0-9.033-4.325-9.033-10.001c0-5.635 3.898-9.998 9.033-9.998c2.511 0 4.866.965 6.178 2.933V8.802Zm-10.232 14.48c2.742 0 4.904-2.201 4.904-4.944c0-2.739-2.162-4.941-4.904-4.941s-4.904 2.202-4.904 4.941c0 2.743 2.162 4.944 4.904 4.944m14.042 4.592V8.802h5.638v19.072Zm2.82-21.311c-1.815 0-3.283-1.506-3.283-3.28c0-1.777 1.468-3.283 3.283-3.283S512 1.506 512 3.283c0 1.774-1.465 3.28-3.28 3.28M307.247 7.842c5.67 0 10.254 4.708 10.254 10.257s-4.584 10.254-10.254 10.254s-10.257-4.705-10.257-10.254s4.587-10.257 10.257-10.257"/><path fill="url(#SVGw00Fqe9V)" d="M31.187 31.67c4.479 0 8.726.947 12.574 2.649c-8.526 4.836-14.475 15.792-14.475 28.538c0 12.744 5.955 23.702 14.475 28.538a31 31 0 0 1-12.574 2.649C13.964 94.044 0 80.08 0 62.857S13.964 31.67 31.187 31.67"/><path fill="url(#SVGJN9BXvrA)" d="M55.781 43.691a31.3 31.3 0 0 0-12.023-9.372c2.995-1.702 6.302-2.649 9.781-2.649c3.282 0 6.42.847 9.272 2.366c-2.788 2.076-5.207 5.431-7.035 9.655z"/><path fill="url(#SVGXJxMT19X)" d="M55.776 82.023c1.828 4.224 4.247 7.571 7.035 9.655c-2.858 1.524-5.99 2.366-9.272 2.366c-3.485 0-6.791-.947-9.781-2.649a31.36 31.36 0 0 0 12.023-9.372z"/><path fill="#7962fe" d="M29.283 62.857c0-12.746 5.955-23.702 14.475-28.538a31.36 31.36 0 0 1 12.023 9.372c-2.296 5.291-3.662 11.939-3.662 19.166c0 7.224 1.371 13.875 3.662 19.164a31.3 31.3 0 0 1-12.023 9.374c-8.525-4.836-14.475-15.794-14.475-28.538"/><path fill="url(#SVGlnoWp0aF)" d="M74.673 78.152c.882 4.702 2.159 8.646 3.699 11.429c-2.605 2.831-5.659 4.46-8.931 4.46c-2.347 0-4.584-.842-6.627-2.366c5.033-2.678 9.205-7.474 11.859-13.515z"/><path fill="url(#SVGf9vcncVD)" d="M62.814 34.036c2.043-1.524 4.28-2.366 6.627-2.366c3.267 0 6.321 1.63 8.931 4.461c-1.535 2.782-2.812 6.724-3.699 11.426c-2.654-6.044-6.826-10.838-11.859-13.515z"/><path fill="#7962fe" d="M55.781 82.018a31.06 31.06 0 0 0 6.589-19.164a31.06 31.06 0 0 0-6.589-19.163c1.831-4.221 4.248-7.574 7.038-9.657c5.031 2.677 9.203 7.474 11.857 13.515c-.853 4.519-1.336 9.74-1.336 15.3s.489 10.778 1.336 15.298c-2.654 6.043-6.826 10.84-11.857 13.517c-2.79-2.078-5.207-5.43-7.038-9.657z"/><path fill="#321bb2" d="M55.778 82.023c-2.293-5.291-3.659-11.939-3.659-19.166c0-7.224 1.371-13.873 3.659-19.164a31.05 31.05 0 0 1 6.592 19.164a31.05 31.05 0 0 1-6.592 19.166"/><path fill="#05e6ad" d="M78.372 36.131c1.565-2.831 3.396-4.461 5.361-4.461c5.743 0 10.397 13.965 10.397 31.187s-4.654 31.187-10.397 31.187c-1.96 0-3.796-1.632-5.361-4.461c5.031-5.46 8.397-15.38 8.397-26.726s-3.366-21.271-8.397-26.726"/><path fill="url(#SVG7h9vRcbs)" d="M78.372 36.131c1.565-2.831 3.396-4.461 5.361-4.461c5.743 0 10.397 13.965 10.397 31.187s-4.654 31.187-10.397 31.187c-1.96 0-3.796-1.632-5.361-4.461c5.031-5.46 8.397-15.38 8.397-26.726s-3.366-21.271-8.397-26.726"/><path fill="#7962fe" d="M77.797 62.86c0-5.563-1.135-10.781-3.124-15.3c.882-4.703 2.159-8.644 3.702-11.427c5.03 5.455 8.396 15.387 8.396 26.727c0 11.337-3.366 21.271-8.396 26.726c-1.538-2.785-2.812-6.727-3.702-11.429c1.984-4.519 3.124-9.737 3.124-15.297"/><path fill="#321bb2" d="M74.673 78.155c-.852-4.52-1.336-9.738-1.336-15.298c0-5.562.489-10.781 1.336-15.3c1.984 4.519 3.124 9.738 3.124 15.3c0 5.56-1.135 10.778-3.124 15.298"/></svg>

Codium ikonu nasıl kullanılır

React

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

<Icon icon="logos:codium" width="24" />

Vue

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

<template>
  <Icon icon="logos:codium" width="24" />
</template>

Svelte

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

<Icon icon="logos:codium" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--codium]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:codium"></div>

Web bileşeni

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

<iconify-icon icon="logos:codium"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/logos/codium.svg" alt="Codium ikonu" width="24" height="24">

SVG Logos setindeki benzer ikonlar

codium-icon ikonu
codium-icon

Diğer ikon setlerinde Codium ikonu

theSVG Color setinden Codium ikonu
theSVG Color

Codium ikonu: sık sorulan sorular

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

Evet. SVG Logos icons, CC0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

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

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

Codium 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/logos/codium.svg" alt="Codium ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: SVG Logos ikonları →