Matterbridge ikonu
selfhst:matterbridge
Matterbridge ikonu (selfhst:matterbridge), selfh.st/icons setinden ücretsiz bir SVG ikondur (yapımcı: selfh.st). 512 × 512 ızgara üzerinde çizilmiştir. selfh.st/icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla 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
- selfh.st/icons
- Yazar
- selfh.st
- Lisans
- CC-BY-4.0
- Boyut
- 512 × 512
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><linearGradient id="SVGH2E9VaSn" x1="28.706" x2="483.294" y1="485.094" y2="30.506" gradientTransform="matrix(1 0 0 -1 0 513.8)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#00b48d"/><stop offset=".1" stop-color="#3faa77"/><stop offset=".3" stop-color="#234148"/><stop offset=".7" stop-color="#203b44"/><stop offset=".9" stop-color="#ad2e6e"/><stop offset="1" stop-color="#c81b74"/></linearGradient><path fill="url(#SVGH2E9VaSn)" d="M98 0h316c54.1 0 98 43.9 98 98v316c0 54.1-43.9 98-98 98H98c-54.1 0-98-43.9-98-98V98C0 43.9 43.9 0 98 0"/><linearGradient id="SVGeql4WbiW" x1="53.743" x2="458.257" y1="460.057" y2="55.543" gradientTransform="matrix(1 0 0 -1 0 513.8)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#00b48d"/><stop offset=".2" stop-color="#285251"/><stop offset=".4" stop-color="#234148"/><stop offset=".8" stop-color="#203b44"/><stop offset=".9" stop-color="#a8316c"/><stop offset="1" stop-color="#c81b74"/></linearGradient><path fill="url(#SVGeql4WbiW)" d="M115.5 28.2h281.1c48.2 0 87.3 39.1 87.3 87.3v281.1c0 48.2-39.1 87.3-87.3 87.3H115.5c-48.2 0-87.3-39.1-87.3-87.3V115.5c0-48.2 39.1-87.3 87.3-87.3"/><linearGradient id="SVGWC6TEeZQ" x1="200.859" x2="241.653" y1="265.06" y2="265.06" gradientTransform="matrix(1 0 0 -1 0 513.8)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#8bc751"/><stop offset="1" stop-color="#0db14b"/></linearGradient><circle cx="221.3" cy="248.7" r="20.4" fill="url(#SVGWC6TEeZQ)"/><linearGradient id="SVGLtPKMetu" x1="235.257" x2="275.878" y1="339.561" y2="339.561" gradientTransform="matrix(1 0 0 -1 0 513.8)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#8bc751"/><stop offset="1" stop-color="#0db14b"/></linearGradient><circle cx="255.5" cy="174.2" r="20.4" fill="url(#SVGLtPKMetu)"/><linearGradient id="SVGNKU7mb1v" x1="200.859" x2="241.653" y1="366.762" y2="366.762" gradientTransform="matrix(1 0 0 -1 0 513.8)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#8bc751"/><stop offset="1" stop-color="#0db14b"/></linearGradient><path fill="url(#SVGNKU7mb1v)" d="m422.8 197.9l.7-.9L276.6 57c-10.9-12-29.5-12.9-41.5-2c-.4.4-.8.7-1.2 1.1l-149.3 144c-11.4 8.7-13.5 25-4.8 36.4c4.9 6.4 12.6 10.2 20.7 10.1h33.4v-8.1l-23.7-22v-.2L254.8 76.7l145.5 140l-24 22.1v7.8H410c14.3.1 26-11.4 26.1-25.8c.1-9.5-5-18.2-13.3-22.8z"/><linearGradient id="SVGRRlfDeVj" x1="268.446" x2="309.24" y1="265.06" y2="265.06" gradientTransform="matrix(1 0 0 -1 0 513.8)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#8bc751"/><stop offset="1" stop-color="#0db14b"/></linearGradient><circle cx="288.8" cy="248.7" r="20.4" fill="url(#SVGRRlfDeVj)"/><path fill="#fff" d="M378.6 154.4v-93c0-10-8.1-18.1-18.1-18.1s-18.1 8.1-18.1 18.1v58.3l36.3 34.6v.1z"/><linearGradient id="SVGToVI2cIC" x1="81.064" x2="155.11" y1="469.38" y2="384.435" gradientTransform="matrix(1 0 0 -1 0 513.8)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#b1d34a"/><stop offset="1" stop-color="#50b848"/></linearGradient><path fill="url(#SVGToVI2cIC)" d="M158 126.7h-14.5c-.5-19.3-9.7-37.4-25.1-49.1l-6 9.2c.2 0 21.8 15.6 20.2 43.9c-9.2-.7-19.4-3.3-28.2-9.2C84 108 76.7 80.6 83.8 42c15 2.6 58.8 12.1 74.3 39.4c7.1 12.6 7.1 27.8 0 45.3z"/><path fill="#1e5857" d="M113.9 138.3c9.9 3.1 20.4 4.4 30.8 3.8l28.7-27.7c2.8-14.3.9-27.1-5.7-38.7c-21.4-37.7-85-45.5-87.8-45.6l-5.2-.7l-1 5.2c-6.6 31.8-10.2 87.5 40.1 103.7zM83.7 42.2c15 2.6 58.8 12.1 74.3 39.4c7.1 12.6 7.1 27.8 0 45.3h-14.5c-.5-19.3-9.7-37.4-25.1-49.1L112 87c.2 0 21.8 15.6 20.2 43.9c-9.2-.7-19.4-3.3-28.2-9.2c-20.6-13.5-27.7-41-20.6-79.5z"/><path fill="#fff" d="M433 156.4c-16.6 0-30.1-13.5-30.1-30.1s13.5-30.1 30.1-30.1s30.1 13.5 30.1 30.1s-13.5 30.1-30.1 30.1m0-39.2c-5.1.7-8.7 5.4-8 10.5c.6 4.1 3.8 7.4 8 8c5.1 0 9.2-4.1 9.2-9.2c.1-5.2-4.1-9.3-9.2-9.3m14.4 139c-15.2.1-27.4 12.5-27.3 27.7c.1 8.5 4 16.4 10.7 21.6c-1.4 7.3-9.3 8-9.3 8h-44.9v-74.3l23.5-22.5l-3.1-3.5L254.8 76.6L114.4 211.9l-4.3 4.5l23.7 22.5V313H91.6c-18.5-8.9-40.7-1.2-49.6 17.3s-1.2 40.7 17.3 49.6s40.7 1.2 49.6-17.3c3.6-7.4 4.6-15.7 2.9-23.7h21.8v32.5c0 13.5 11.1 24.4 24.4 24.4h50.6v25.6h-98c-7.5-6.8-19.1-6.2-25.9 1.3c-3.1 3.4-4.8 7.9-4.7 12.5c0 10.1 8.1 18.4 18.3 18.4c4.5 0 8.8-1.6 12.2-4.6h272.4c7.6 13.6 24.8 18.4 38.4 10.7c13.6-7.6 18.4-24.8 10.7-38.4c-7.6-13.6-24.8-18.4-38.4-10.7c-4.5 2.5-8.2 6.2-10.7 10.7H236.3v-25.6h115.5c13.5 0 24.5-10.9 24.5-24.4v-33.2H424c24.7 0 30.8-22.1 32-28.7c14.3-5 21.9-20.7 16.8-35c-3.8-10.7-13.9-18-25.4-18.2M75.5 364.4c-9.8 0-17.8-8-17.8-17.8s8-17.8 17.8-17.8s17.8 8 17.8 17.8s-7.9 17.8-17.8 17.8m331.9 62.2c4.8 0 8.6 3.9 8.7 8.6c0 4.8-3.9 8.6-8.6 8.7c-4.8 0-8.6-3.9-8.6-8.6c-.1-4.8 3.7-8.7 8.5-8.7m-133.1-60.1h-38v-58.8h38zm14.5-138c4.7 0 9 1.7 12.4 4.3v-18l23.7 22s4.5 2.2 8 2.2h11.6v117.5c0 5.5-4.5 9.9-9.9 9.9h-32.8v-58.8h2.4c7.2 0 13-5.8 13-13s-5.8-13-13-13h-96.8c-7.2 0-13 5.8-13 13s5.8 13 13 13h1.2v58.8h-33.4c-5.4 0-9.8-4.3-9.9-9.7V239.1H177c3.5 0 8-2.2 8-2.2l23.7-22v18c8.5-6.6 20.6-5.3 27.7 2.8v-22.5c-.1-14.2-11.8-25.6-26-25.5c-6.4.1-12.5 2.5-17.2 6.8l-.2.3l-.9.9l-11.9 12.1H160l95.1-92l95.2 92h-20.4l-12.1-12.1c0-.3-.3-.5-.7-.9l-.3-.3c-10.2-9.7-26.4-9.3-36.2.9c-4.6 4.8-7.1 11.3-7 17.9v22.3c3.7-4.3 9-7.1 15.2-7.1M447.4 292c-4.6.7-8.9-2.5-9.6-7.2s2.5-8.9 7.2-9.6q1.2-.15 2.4 0c4.6.7 7.8 5 7.2 9.6c-.6 3.7-3.5 6.6-7.2 7.2"/></svg>Matterbridge ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:matterbridge" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:matterbridge" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:matterbridge" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--matterbridge]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:matterbridge"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:matterbridge"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/selfhst/matterbridge.svg" alt="Matterbridge ikonu" width="24" height="24">selfh.st/icons setindeki benzer ikonlar
Matterbridge ikonu: sık sorulan sorular
Matterbridge ikonu ticari kullanım için ücretsiz mi?
Evet. selfh.st/icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir.
Matterbridge ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="selfhst:matterbridge" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Matterbridge 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/selfhst/matterbridge.svg" alt="Matterbridge ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.