ICONYZ
Español
Icono Colgate de theSVG Color

Icono Colgate

thesvg-color:colgate

El icono Colgate (thesvg-color:colgate) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 249 × 33. theSVG Color icons se publican bajo la licencia MIT, 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
theSVG Color
Autor
thesvg.org
Licencia
MIT
Tamaño
249 × 33
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="249" height="33" viewBox="0 0 249 33"><g fill="none"><path fill="#002a46" d="M147.052 13.54h-7.259v2.34h7.259zm-69.96-4.061c-3.627 0-6.191 2.637-6.191 6.47s2.564 6.497 6.191 6.497c3.628 0 6.192-2.666 6.192-6.497s-2.564-6.47-6.192-6.47m.002 10.632c-1.931 0-3.25-1.548-3.25-4.162s1.32-4.135 3.25-4.135s3.25 1.521 3.25 4.135s-1.32 4.162-3.25 4.162m21.981-8.344c-.548-1.268-1.82-2.288-3.896-2.288c-3.003 0-5.55 2.592-5.55 6.304c0 4.096 2.3 6.345 5.575 6.345c1.612 0 2.867-.626 3.734-1.8v1.79c0 2.54-1.394 3.55-3.127 3.55c-2.272 0-2.933-1.296-3.133-2.546l-3.022.696c.444 2.578 2.91 4.046 5.913 4.046c4.229 0 6.304-2.238 6.304-6.353V9.798h-2.802l.005 1.97zM95.76 19.75c-1.803 0-3.199-1.354-3.199-3.967c0-2.478 1.459-3.959 3.2-3.959c1.976 0 3.175 1.354 3.175 3.959c0 2.41-1.072 3.967-3.176 3.967m26.701.22c-1.059 0-1.598-.53-1.598-1.573V11.95h4.157V9.798h-4.157V5.743h-2.042c0 2.525-1.08 4.154-3.16 4.295v1.912h2.29v6.888c.045 2.403 1.344 3.608 3.951 3.608c1.212 0 2.5-.398 3.367-1.15l-.684-2.225c-.44.437-1.146.899-2.122.899zm-59.949-.29c-2.942 0-4.988-2.248-4.988-5.928s2.146-5.905 4.988-5.905c2.36 0 3.991 1.535 4.756 3.975l2.569-1.64C68.82 7.035 66.04 5.08 62.51 5.08c-4.695 0-8.185 3.62-8.185 8.672s3.592 8.696 8.212 8.696c3.528 0 6.309-1.928 7.35-5.024l-2.51-1.603c-.547 2.354-2.431 3.858-4.865 3.858zM87.901 5.4h-2.892v16.727H87.9zm27.073 14.966c-.482 0-.622-.279-.622-.89l.027-5.278c.05-3.02-2.022-4.719-4.993-4.719c-2.64 0-4.62 1.344-5.279 3.476l2.202 1.4c.395-1.555 1.556-2.568 3.026-2.568s2.199.89 2.199 2.336v.353c-6.485.681-7.873 2.19-7.873 4.699c0 2.003 1.531 3.272 3.714 3.272s3.611-1.119 4.235-2.937c-.166 1.91.784 2.937 2.276 2.937c.764 0 1.585-.29 2.11-.793l-.459-1.49a.9.9 0 0 1-.563.202m-3.44-3.681c-.079 2.183-1.575 3.604-3.25 3.604c-1.115 0-1.699-.703-1.699-1.539c0-1.394 1.34-1.896 4.949-2.441zM217.589 5.4h-2.892v16.727h2.892zm-39.233 0h-2.893v16.727h2.893zm55.695 4.396l-3.249 8.752l-3.171-8.752h-3.197l4.974 12.331h2.688l5.001-12.331zm-27.271-.317c-3.628 0-6.192 2.637-6.192 6.47s2.564 6.497 6.192 6.497c3.627 0 6.191-2.666 6.191-6.497s-2.564-6.47-6.191-6.47m.001 10.632c-1.931 0-3.249-1.548-3.249-4.162s1.319-4.135 3.249-4.135s3.249 1.521 3.249 4.135s-1.319 4.162-3.249 4.162m-33.556.255c-.482 0-.621-.279-.621-.89l.027-5.278c.05-3.02-2.023-4.719-4.993-4.719c-2.64 0-4.62 1.344-5.279 3.476l2.202 1.4c.394-1.555 1.556-2.568 3.025-2.568c1.47 0 2.199.89 2.199 2.336v.353c-6.484.681-7.872 2.19-7.872 4.699c0 2.003 1.53 3.272 3.714 3.272c2.183 0 3.61-1.119 4.235-2.937c-.166 1.91.784 2.937 2.276 2.937c.763 0 1.585-.29 2.109-.793l-.458-1.49a.9.9 0 0 1-.564.202m-3.44-3.68c-.078 2.183-1.574 3.605-3.249 3.605c-1.116 0-1.7-.703-1.7-1.539c0-1.394 1.34-1.897 4.949-2.441zM131.84 9.48c-3.476 0-6.09 2.46-6.09 6.47s2.515 6.494 6.168 6.494c2.59 0 4.593-1.242 5.457-3.197l-2.108-1.39c-.58 1.534-1.85 2.279-3.322 2.279c-1.929 0-3.171-1.32-3.375-3.526h9.189c.324-5.236-2.77-7.131-5.918-7.131zm-3.168 5.125c.38-1.803 1.598-2.844 3.171-2.844s2.809.914 2.944 2.844h-6.117zm114.31-5.125c-3.476 0-6.09 2.46-6.09 6.47s2.515 6.494 6.168 6.494c2.59 0 4.593-1.242 5.457-3.197l-2.108-1.39c-.58 1.534-1.85 2.279-3.322 2.279c-1.929 0-3.171-1.32-3.375-3.526h9.189c.324-5.236-2.77-7.131-5.918-7.131zm-3.166 5.125c.38-1.803 1.597-2.844 3.17-2.844s2.81.914 2.944 2.844h-6.116zM221.644 5.08c-1.014 0-1.826.736-1.826 1.827c0 1.014.811 1.826 1.826 1.826c1.093 0 1.827-.81 1.827-1.826c0-1.093-.736-1.827-1.827-1.827m1.447 4.716h-2.892v12.33h2.892zM156.14 5.4h-7.157v16.727h3.072v-5.896h4.085c3.378 0 5.585-2.238 5.585-5.429c.025-3.168-2.212-5.403-5.585-5.403m-.252 8.14h-3.833V8.086h3.833c1.623 0 2.689 1.017 2.689 2.714c0 1.696-1.066 2.738-2.689 2.738m39.316-4.06c-1.853 0-3.299 1.04-3.935 2.919c-.432-1.826-1.826-2.919-3.604-2.919s-3.148.977-3.808 2.702V9.796h-2.892v12.33h2.892v-7.158c0-1.7.787-3.16 2.437-3.16c1.394 0 2.207.863 2.207 2.614v7.702h2.92v-7.166c0-1.702.787-3.148 2.437-3.148c1.394 0 2.207.862 2.207 2.614v7.7h2.892v-8.332c0-2.666-1.47-4.315-3.755-4.315z"/><path fill="#0068ff" d="m7.038 11.369l1.238-1.612c4.093 3.13 9.134 4.687 14.147 4.944L25.32 0H13.95C6.324 0 .028 6.124 0 13.75C-.027 21.396 6.162 27.6 13.8 27.6h6.083l1.673-8.5c-4.874-.589-9.87-3.018-14.518-7.732zM33.91.003h-6.587l-2.902 14.735c5.342-.089 10.792-1.638 15.162-4.98l1.238 1.612c-5.583 5.688-11.737 7.996-17.285 7.87l-2.71 13.761H31.12l1.062-5.4h1.881c7.638 0 13.827-6.203 13.8-13.847C47.835 6.127 41.539.003 33.912.003z"/></g></svg>

Cómo usar el icono Colgate

React

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

<Icon icon="thesvg-color:colgate" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:colgate" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:colgate" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--colgate]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:colgate"></div>

Web component

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

<iconify-icon icon="thesvg-color:colgate"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/colgate.svg" alt="Icono Colgate" width="24" height="24">

Preguntas frecuentes sobre Icono Colgate

¿El icono Colgate es gratis para uso comercial?

Sí. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Colgate en React?

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

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

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

Ver todos los Iconos theSVG Color →