ICONYZ
Español
Icono Ds de Custom Brand Icons

Icono Ds

cbi:ds

El icono Ds (cbi:ds) es un icono SVG gratuito de la colección Custom Brand Icons de Emanuele & rchiileea. Está dibujado en una cuadrícula de 24 × 24. Custom Brand Icons usan la licencia CC BY-NC-SA 4.0, que no permite el uso comercial sin un permiso aparte del autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Custom Brand Icons
Autor
Emanuele & rchiileea
Licencia
CC-BY-NC-SA-4.0
Tamaño
24 × 24
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.972 15.008c-.573-.54-3.169-3.01-3.867-5.124a4.1 4.1 0 0 1-.217-1.273a3 3 0 0 1 .22-1.097a8.3 8.3 0 0 1 1.737-2.468c.308-.323 1.629-1.646 2.066-2.084a.74.74 0 0 0 .193-.364a2 2 0 0 0 .035-.35V2l-7.895 6.149a.7.7 0 0 0-.264.342a.74.74 0 0 0-.263-.343L3.831 2v13.221l7.894-6.148a.74.74 0 0 0 .262-.344a.63.63 0 0 0 .169.264c.572.54 3.168 3.009 3.867 5.123a4.1 4.1 0 0 1 .22 1.273a3 3 0 0 1-.221 1.098a8.3 8.3 0 0 1-1.738 2.467c-.306.322-1.629 1.646-2.065 2.084a.74.74 0 0 0-.194.365a2 2 0 0 0-.033.35V22l7.894-6.148a.63.63 0 0 0 .283-.464a.57.57 0 0 0-.196-.38M8.066 7.432c-.739-2.018-3.558-4.379-4.034-4.787c.52.407 3.568 2.769 4.372 4.786a3.2 3.2 0 0 1 .249 1.178a3.2 3.2 0 0 1-.249 1.179c-.803 2.015-3.852 4.378-4.371 4.786c.476-.406 3.294-2.77 4.035-4.786a3.5 3.5 0 0 0 .23-1.179a3.5 3.5 0 0 0-.23-1.178m-.593 4.526q.16-.145.308-.284a10.2 10.2 0 0 0 1.61-2.121c.267-.513.355-.737.852-.784c.527-.05.872-.065 1.177-.069c.123 0 .181.016.199.079s-.032.114-.123.179c-.811.57-1.979 1.554-3.632 2.831l-.315.247a5.3 5.3 0 0 1-.737.536c-.012-.007.195-.195.661-.613Zm12.179 3.778c-.811.57-2 1.53-3.632 2.831a14 14 0 0 1-1.102.783a10.3 10.3 0 0 0 2.34-2.989c.242-.526.357-.737.853-.784c.526-.05 1.158-.095 1.463-.099c.124 0 .183.016.202.079s-.032.113-.124.179m-7.101-7.036c.305 0 .646.019 1.176.069c.495.048.586.271.852.784a10.2 10.2 0 0 0 1.611 2.122c.1.092.902.88.883.897s-.864-.7-.969-.783c-1.632-1.302-2.821-2.261-3.629-2.831c-.093-.065-.137-.132-.124-.179s.076-.08.2-.079m7.323-5.821c-.681.556-3.543 3.125-4.17 4.642a3 3 0 0 0-.248 1.089a3.7 3.7 0 0 0 .21 1.196a5 5 0 0 0 .353.779c0 .011.014.021.019.032a17.9 17.9 0 0 0 3.402 3.977l.066.061c-.389-.303-.759-.637-1.305-1.138a19 19 0 0 1-1.587-1.684a5.5 5.5 0 0 1-1.625-3.223a4.58 4.58 0 0 1 1.642-2.936c.564-.558 2.661-2.373 3.251-2.809Zm-7.601 18.203A212 212 0 0 0 14.336 19a8.1 8.1 0 0 0 1.752-2.489a3.2 3.2 0 0 0 .224-1.123a4.2 4.2 0 0 0-.224-1.295a14.4 14.4 0 0 0-3.509-4.792c.448.4 3.173 2.842 3.886 4.893a3.7 3.7 0 0 1 .211 1.195a3 3 0 0 1-.249 1.09c-.631 1.529-3.541 4.135-4.192 4.661c.012-.018.023-.042.04-.059m-.19.381v.017Z"/></svg>

Cómo usar el icono Ds

React

import { Icon } from "@iconify/react";

<Icon icon="cbi:ds" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="cbi:ds" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="cbi:ds" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--ds]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:ds"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="cbi:ds"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/cbi/ds.svg" alt="Icono Ds" width="24" height="24">

Iconos relacionados en Custom Brand Icons

Preguntas frecuentes sobre Icono Ds

¿El icono Ds es gratis para uso comercial?

No. Custom Brand Icons usan la licencia CC BY-NC-SA 4.0, que no permite el uso comercial sin un permiso aparte del autor.

¿Cómo uso el icono Ds en React?

Instala @iconify/react y renderiza <Icon icon="cbi:ds" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Ds a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/cbi/ds.svg" alt="Icono Ds">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Custom Brand Icons →