Icono Rolldown Dark
logos:rolldown-dark
El icono Rolldown Dark (logos:rolldown-dark) es un icono SVG gratuito de la colección SVG Logos de Gil Barbara. Está dibujado en una cuadrícula de 512 × 43. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- SVG Logos
- Autor
- Gil Barbara
- Licencia
- CC0-1.0
- Tamaño
- 512 × 43
- Etiquetas
- rolldowndark
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="43" viewBox="0 0 512 43"><path fill="#fff" 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="#fff" 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>Cómo usar el icono Rolldown Dark
React
import { Icon } from "@iconify/react";
<Icon icon="logos:rolldown-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:rolldown-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:rolldown-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--rolldown-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:rolldown-dark"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:rolldown-dark"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/logos/rolldown-dark.svg" alt="Icono Rolldown Dark" width="24" height="24">Iconos relacionados en SVG Logos
Preguntas frecuentes sobre Icono Rolldown Dark
¿El icono Rolldown Dark es gratis para uso comercial?
Sí. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Rolldown Dark en React?
Instala @iconify/react y renderiza <Icon icon="logos:rolldown-dark" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Rolldown Dark a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/logos/rolldown-dark.svg" alt="Icono Rolldown Dark">, o pega el código SVG en línea para darle estilo con CSS.