ICONYZ
Bahasa Indonesia
Ikon Colgate dari theSVG Color

Ikon Colgate

thesvg-color:colgate

Ikon Colgate (thesvg-color:colgate) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 249 × 33. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
theSVG Color
Pembuat
thesvg.org
Lisensi
MIT
Ukuran
249 × 33
Download SVG

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

Cara memakai ikon 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>

Gambar HTML

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

FAQ Ikon Colgate

Apakah ikon Colgate gratis untuk penggunaan komersial?

Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Colgate di React?

Pasang @iconify/react lalu render <Icon icon="thesvg-color:colgate" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Colgate ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/colgate.svg" alt="Ikon Colgate">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon theSVG Color →