ICONYZ
English
Rolldown Dark icon from SVG Logos

Rolldown Dark icon

logos:rolldown-dark

The Rolldown Dark icon (logos:rolldown-dark) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 43 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
SVG Logos
Author
Gil Barbara
License
CC0-1.0
Size
512 × 43
Tags
rolldowndark
Download SVG

SVG code

<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>

How to use the Rolldown Dark icon

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>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/rolldown-dark.svg" alt="Rolldown Dark icon" width="24" height="24">

Related icons in SVG Logos

rolldown icon
rolldown
 rolldown-icon icon
rolldown-icon
 rolldown-icon-dark icon
rolldown-icon-dark

Rolldown Dark icon FAQ

Is the Rolldown Dark icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Rolldown Dark icon in React?

Install @iconify/react and render <Icon icon="logos:rolldown-dark" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Rolldown Dark icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/rolldown-dark.svg" alt="Rolldown Dark icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →