Rolldown ikonu
logos:rolldown
Rolldown ikonu (logos:rolldown), SVG Logos setinden ücretsiz bir SVG ikondur (yapımcı: Gil Barbara). 512 × 43 ı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 × 43
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="43" viewBox="0 0 512 43"><path fill="#08060d" d="M78.817-.016c17.706 0 27.006 7.441 27.006 21.725c0 14.283-9.3 21.724-27.006 21.724c-17.703 0-26.947-7.441-26.947-21.724S61.114-.016 78.817-.016m203.804 0c17.703 0 27.009 7.441 27.009 21.725c0 14.283-9.306 21.724-27.009 21.724s-26.947-7.441-26.947-21.724S264.918-.016 282.621-.016M32.827.704c9.604 0 15.065 4.981 15.065 13.744c0 5.039-2.402 8.76-6.122 10.919l6.302 17.343H32.768l-4.381-13.622H14.404V42.71H0V.704zm92.92 31.509h25.147V42.71h-39.548V.704h14.401zm44.929 0h25.144V42.71h-39.548V.704h14.404zM228.011.704c14.581 0 22.922 6.6 22.922 21.005c0 14.401-8.403 21.001-22.984 21.001h-26.345V.704zm103.197 28.865l6.122-21.365h16.142l6.483 22.206L365.056.704H379.1l-8.642 42.006h-18.186l-6.961-23.763l-6.783 23.763h-18.242L311.644.704h14.283zM401.982.704l17.346 27.307h.121V.704h13.681V42.71h-17.28l-17.467-27.425h-.177V42.71h-13.623V.704zM78.817 10.305c-8.341 0-12.241 3.6-12.241 11.404c0 7.801 3.9 11.341 12.241 11.341c8.344 0 12.245-3.481 12.245-11.341c0-7.863-3.901-11.404-12.245-11.404m203.804 0c-8.341 0-12.242 3.6-12.242 11.404c0 7.801 3.901 11.341 12.242 11.341s12.245-3.481 12.245-11.341c0-7.863-3.904-11.404-12.245-11.404M216.005 32.51h9.961c6.842 0 10.206-2.941 10.206-10.801c0-7.863-3.364-10.805-10.206-10.805h-9.961zM14.404 19.186h14.342c2.939 0 4.382-1.561 4.382-4.319c0-2.762-1.443-4.261-4.382-4.261H14.404z"/><path fill="#f50" d="M493.106.701c.887 0 1.374 1.037.803 1.722l-9.697 11.64c-1.141 1.365-.167 3.444 1.614 3.444h9.384c.887 0 1.374 1.04.803 1.722l-18.767 22.522a1.05 1.05 0 0 1-1.613 0l-18.768-22.522c-.567-.682-.083-1.722.807-1.722h9.378c1.781 0 2.755-2.079 1.616-3.444l-9.697-11.64c-.571-.685-.083-1.722.804-1.722z"/><mask id="SVGboDTmdAz" width="15" height="15" x="157" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path d="M170.233.248c.307 0 .475.358.278.594l-3.348 4.018a.725.725 0 0 0 .557 1.19h3.239c.307 0 .475.359.278.595l-6.479 7.775a.362.362 0 0 1-.557 0l-6.479-7.775a.363.363 0 0 1 .279-.595h3.237a.726.726 0 0 0 .558-1.19L158.448.842a.362.362 0 0 1 .278-.594z"/></mask><g mask="url(#SVGboDTmdAz)" transform="translate(0 -.017)scale(2.89665)"><g filter="url(#SVGqbs30cLI)"><ellipse cx="1.73" cy="7.56" fill="#ffe7e5" rx="1.73" ry="7.56" transform="rotate(30.253 98.293 324.258)scale(-1 1)"/></g><g filter="url(#SVGDnQAWdQe)"><ellipse cx="1.73" cy="7.56" fill="#ffe7e5" rx="1.73" ry="7.56" transform="rotate(30.253 84.484 327.26)scale(-1 1)"/></g><g filter="url(#SVG7sjEHb6F)"><ellipse cx="157.853" cy=".464" fill="#ff19af" rx="1.192" ry="6.999" transform="rotate(-36.093 157.853 .464)"/></g><g filter="url(#SVGp2Q6qcaW)"><ellipse cx="159.695" cy="10.934" fill="#ff19af" rx="1.192" ry="6.999" transform="rotate(-36.093 159.695 10.934)"/></g><g filter="url(#SVGL3LIobkA)"><ellipse cx="1.192" cy="6.999" fill="#ff19af" rx="1.192" ry="6.999" transform="rotate(36.093 94.989 268.152)scale(-1 1)"/></g><g filter="url(#SVGTg3MFd6c)"><ellipse cx="1.192" cy="6.999" fill="#ff19af" rx="1.192" ry="6.999" transform="rotate(36.093 77.817 269.997)scale(-1 1)"/></g><g filter="url(#SVGBMx5xbgU)"><ellipse cx="1.192" cy="6.999" fill="#ff19af" rx="1.192" ry="6.999" transform="rotate(36.093 94.437 266.458)scale(-1 1)"/></g><g filter="url(#SVGIx0vCbap)"><ellipse cx="1.192" cy="6.999" fill="#ff19af" rx="1.192" ry="6.999" transform="rotate(-143.907 87.6 -25.234)scale(1 -1)"/></g><g filter="url(#SVGci62OeUs)"><ellipse cx="158.534" cy=".97" fill="#d14b2a" rx="1.73" ry="7.56" transform="rotate(-40.91 158.534 .97)"/></g><g filter="url(#SVGNITUyfid)"><ellipse cx="159.711" cy="9.138" fill="#d14b2a" rx="1.73" ry="7.56" transform="rotate(-35.888 159.711 9.138)"/></g></g><path fill="#08060d" d="M447.457-.016c-8.543 12.226-8.592 31.18 0 43.449h5.769c-8.586-12.269-8.537-31.223 0-43.449zm57.968 0h-5.772c8.54 12.226 8.589 31.18 0 43.449h5.772c8.589-12.269 8.539-31.223 0-43.449"/><defs><filter id="SVGqbs30cLI" width="12.605" height="17.598" x="165.149" y="-8.501" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_242_20995" stdDeviation="1.105"/></filter><filter id="SVGDnQAWdQe" width="12.605" height="17.598" x="164.781" y="-1.135" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_242_20995" stdDeviation="1.105"/></filter><filter id="SVG7sjEHb6F" width="12.89" height="15.819" x="151.408" y="-7.446" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_242_20995" stdDeviation="1.105"/></filter><filter id="SVGp2Q6qcaW" width="12.89" height="15.819" x="153.25" y="3.024" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_242_20995" stdDeviation="1.105"/></filter><filter id="SVGL3LIobkA" width="12.89" height="15.819" x="164.668" y="-7.446" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_242_20995" stdDeviation="1.105"/></filter><filter id="SVGTg3MFd6c" width="12.89" height="15.819" x="162.459" y="3.024" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_242_20995" stdDeviation="1.105"/></filter><filter id="SVGBMx5xbgU" width="12.89" height="15.819" x="163.564" y="-7.446" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_242_20995" stdDeviation="1.105"/></filter><filter id="SVGIx0vCbap" width="12.89" height="15.819" x="161.722" y="3.024" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_242_20995" stdDeviation="1.105"/></filter><filter id="SVGci62OeUs" width="14.664" height="16.072" x="151.202" y="-7.066" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_242_20995" stdDeviation="1.105"/></filter><filter id="SVGNITUyfid" width="13.72" height="16.839" x="152.852" y=".718" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_242_20995" stdDeviation="1.105"/></filter></defs></svg>Rolldown ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="logos:rolldown" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:rolldown" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:rolldown" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--rolldown]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:rolldown"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:rolldown"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/logos/rolldown.svg" alt="Rolldown ikonu" width="24" height="24">SVG Logos setindeki benzer ikonlar
Diğer ikon setlerinde Rolldown ikonu
Rolldown ikonu: sık sorulan sorular
Rolldown 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.
Rolldown ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="logos:rolldown" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Rolldown 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/rolldown.svg" alt="Rolldown ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.