Sinatra ikonu
logos:sinatra
Sinatra ikonu (logos:sinatra), SVG Logos setinden ücretsiz bir SVG ikondur (yapımcı: Gil Barbara). 256 × 174 ı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
- 256 × 174
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="174" viewBox="0 0 256 174"><radialGradient id="SVGDCoj9d3D" cx="125.97" cy="125.709" r="129.906" gradientTransform="matrix(1 0 0 .3673 0 79.541)" gradientUnits="userSpaceOnUse"><stop offset=".694" stop-color="#afadae"/><stop offset=".968" stop-color="#afadae" stop-opacity="0"/></radialGradient><path fill="url(#SVGDCoj9d3D)" d="M5 123c0-27.8 56.2-50.3 125.5-50.3S256 95.2 256 123s-56.2 50.3-125.5 50.3C61.2 173.4 5 150.8 5 123"/><radialGradient id="SVGr91dAJqS" cx="178.61" cy="90.852" r="177.391" gradientTransform="matrix(-.9856 .1689 -.09166 -.535 362.983 109.296)" gradientUnits="userSpaceOnUse"><stop offset=".476" stop-color="#f3efe9"/><stop offset=".568" stop-color="#eeeae3"/><stop offset=".688" stop-color="#e1dbd2"/><stop offset=".824" stop-color="#cdc5b7"/><stop offset=".963" stop-color="#b4aa98"/></radialGradient><path fill="url(#SVGr91dAJqS)" d="M2.9 127.8s-20.6-40 47.4-62.4C82.1 54.9 119.4 48 152.7 46.8c38-1.3 71.7 5.3 86.4 27.7c10.6 16.2 4.2 36-16.3 51.4c-12.3 9.2-39.3 18.4-57.3 23.6c-18 5.1-53.3 12-82.2 10.4s-64.8-5.8-80.4-32.1"/><path fill="#cec7bc" d="M2.9 127.8s-20.6-40 47.4-62.4C82.1 54.9 119.4 48 152.7 46.8c38-1.3 71.7 5.3 86.4 27.7c10.6 16.2 4.2 36-16.3 51.4c-12.3 9.2-39.3 18.4-57.3 23.6c-18 5.1-53.3 12-82.2 10.4s-64.8-5.8-80.4-32.1m81 30.9c28.2 1.6 62.6-5.2 80.1-10.2s44.2-13.6 56.2-22.6c20-15 28.1-33.7 16.9-50.9c-14.2-22-48.7-28.8-85.7-27.5c-32.4 1.1-68.8 8.8-99.8 19c-66.3 21.9-46.2 60.9-46.2 60.9c15.3 25.6 50.3 29.7 78.5 31.3"/><linearGradient id="SVGV0R5xcIw" x1="53.662" x2="197.066" y1="47.58" y2="58.425" gradientUnits="userSpaceOnUse"><stop offset=".094" stop-color="#d7d0c6"/><stop offset=".248" stop-color="#cdc7bb"/><stop offset=".401" stop-color="#c7c2b5"/><stop offset=".525" stop-color="#cbc6ba"/><stop offset=".669" stop-color="#d7d1c7"/><stop offset=".78" stop-color="#e6dfd6"/><stop offset=".892" stop-color="#e7e3d9"/><stop offset=".934" stop-color="#e5dfd3"/><stop offset=".98" stop-color="#dfd5c6"/></linearGradient><path fill="url(#SVGV0R5xcIw)" d="M57.3 95.9c-5.9-4.3-14.2-25.4-11-30s8-14.2 10.7-23.6c2.7-9.3 6.5-29.1 14-36.1s18.7-7 33.5-5.4c14.7 1.6 57.8 9.4 68.3 13.1c10.4 3.7 24 10.7 23.2 27s.7 24.4-1.2 33.5s-21.7 26.8-46.6 28.1c-25 1.5-85-2.3-90.9-6.6"/><radialGradient id="SVGMYSYVsVW" cx="110.123" cy="23.771" r="53.767" gradientTransform="rotate(84.941 132.128 43.915)scale(1 2.6947)" gradientUnits="userSpaceOnUse"><stop offset=".067" stop-color="#b2a797"/><stop offset=".29" stop-color="#c7bdae"/><stop offset=".481" stop-color="#d6cebf"/><stop offset=".688" stop-color="#e2dcd0"/><stop offset=".942" stop-color="#f7f5ee"/></radialGradient><path fill="url(#SVGMYSYVsVW)" d="M127.8 75.8s25.7-3.4 41.2-17.9s1.8-24.9-2.4-27.5S148.3 21 126 22s-44.3 1.2-42.8 17.7c1.5 16.4 19.5 36.1 44.6 36.1"/><linearGradient id="SVGaA6utbiG" x1="69.277" x2="177.061" y1="15.553" y2="15.553" gradientUnits="userSpaceOnUse"><stop offset=".056" stop-color="#f7f5ee"/><stop offset=".226" stop-color="#e6e1d6"/><stop offset=".43" stop-color="#d8d1c3"/><stop offset=".639" stop-color="#d0c8b9"/><stop offset=".857" stop-color="#cec5b5"/></linearGradient><path fill="url(#SVGaA6utbiG)" d="M71 26.2c-2.8-1.8-3.2-11.6 7.2-18.3c10.4-6.6 37.2-2.6 54.6 1.6c17.5 4.2 45.7 10.1 44.2 11.7c-1.5 1.5-43.5-3.6-62.7-2.6C88.2 20 75.4 29 71 26.2"/><linearGradient id="SVGUxwpOefo" x1="42.47" x2="196.375" y1="94.53" y2="94.53" gradientUnits="userSpaceOnUse"><stop offset=".018" stop-color="#262222"/><stop offset=".096" stop-color="#2f2c2c"/><stop offset=".3" stop-color="#424143"/><stop offset=".402" stop-color="#4a4a4c"/><stop offset=".514" stop-color="#4a4a4c"/><stop offset=".78" stop-color="#383536"/><stop offset="1" stop-color="#262222"/></linearGradient><path fill="url(#SVGUxwpOefo)" d="M195.6 71.7c-.3 0-.4.9-.8 1.4c-3.3 5.4-13.1 14.6-35.4 14.6H98.8c-38.2 0-49.3-10.3-52.1-17.7c-.2-.7-.5-1.6-.8-1.6s-.5 1.6-.5 1.6l-2.9 27.7c0 12.7 32.9 23 75.2 23s78.6-6 78.6-23c0 0 .2-16.9.1-24.4c0-.8-.1-1.6-.8-1.6"/></svg>Sinatra ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="logos:sinatra" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:sinatra" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:sinatra" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--sinatra]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:sinatra"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:sinatra"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/logos/sinatra.svg" alt="Sinatra ikonu" width="24" height="24">Diğer ikon setlerinde Sinatra ikonu
Sinatra ikonu: sık sorulan sorular
Sinatra 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.
Sinatra ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="logos:sinatra" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Sinatra 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/sinatra.svg" alt="Sinatra ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.