ICONYZ
Bahasa Indonesia
Ikon Bootstrap Wordmark dari Devicon

Ikon Bootstrap Wordmark

devicon:bootstrap-wordmark

Ikon Bootstrap Wordmark (devicon:bootstrap-wordmark) adalah ikon SVG gratis dari set Devicon karya konpa. Ikon ini digambar pada grid 128 × 128. Devicon 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
Devicon
Pembuat
konpa
Lisensi
MIT
Ukuran
128 × 128
Tag
bootstrapwordmark
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="url(#SVGycvCbcdS)" d="M14.985 15.15c-.237-6.815 5.072-13.099 12.249-13.099h73.54c7.177 0 12.486 6.284 12.249 13.099c-.228 6.546.068 15.026 2.202 21.94c2.141 6.936 5.751 11.319 11.664 11.883v6.387c-5.913.563-9.523 4.947-11.664 11.883c-2.134 6.914-2.43 15.394-2.202 21.94c.237 6.815-5.072 13.098-12.249 13.098h-73.54c-7.177 0-12.486-6.284-12.249-13.098c.228-6.546-.068-15.026-2.203-21.94c-2.14-6.935-5.76-11.319-11.673-11.883v-6.387c5.913-.563 9.533-4.947 11.673-11.883c2.135-6.914 2.43-15.394 2.203-21.94"/><g filter="url(#SVGgVVQzdBj)"><path fill="url(#SVGcOfoFb6x)" d="M67.11 79.174c11.619 0 18.62-5.689 18.62-15.072c0-7.093-4.995-12.228-12.413-13.041v-.296c5.45-.886 9.726-5.947 9.726-11.6c0-8.053-6.358-13.299-16.047-13.299h-21.8v53.308zM53.674 32.627h11.279c6.13 0 9.613 2.733 9.613 7.684c0 5.282-4.05 8.238-11.392 8.238h-9.5zm0 39.787V54.866h11.203c8.023 0 12.186 2.955 12.186 8.718s-4.049 8.83-11.694 8.83z"/><path fill="#fff" d="M67.11 79.174c11.619 0 18.62-5.689 18.62-15.072c0-7.093-4.995-12.228-12.413-13.041v-.296c5.45-.886 9.726-5.947 9.726-11.6c0-8.053-6.358-13.299-16.047-13.299h-21.8v53.308zM53.674 32.627h11.279c6.13 0 9.613 2.733 9.613 7.684c0 5.282-4.05 8.238-11.392 8.238h-9.5zm0 39.787V54.866h11.203c8.023 0 12.186 2.955 12.186 8.718s-4.049 8.83-11.694 8.83z"/></g><path fill="#7952b3" d="M11.398 121.43v-17.738h5.047q2.3 0 3.649 1.126q1.348 1.125 1.348 2.931q0 1.51-.816 2.623q-.817 1.113-2.252 1.583v.05q1.794.21 2.87 1.36q1.076 1.138 1.076 2.969q0 2.276-1.632 3.686q-1.633 1.41-4.12 1.41zm2.078-15.858v5.727h2.128q1.707 0 2.684-.816q.977-.83.977-2.326q0-2.585-3.402-2.585zm0 7.595v6.383h2.82q1.83 0 2.833-.866q1.014-.866 1.014-2.375q0-3.142-4.28-3.142zm17.466 8.563q-2.808 0-4.49-1.769q-1.67-1.78-1.67-4.713q0-3.19 1.744-4.985q1.745-1.793 4.713-1.793q2.832 0 4.416 1.744q1.595 1.744 1.595 4.836q0 3.031-1.72 4.862q-1.706 1.818-4.588 1.818m.148-11.553q-1.954 0-3.092 1.336q-1.138 1.323-1.138 3.661q0 2.252 1.15 3.55q1.15 1.3 3.08 1.3q1.967 0 3.019-1.275q1.063-1.274 1.063-3.624q0-2.375-1.063-3.662q-1.052-1.286-3.019-1.286m14.696 11.553q-2.808 0-4.49-1.769q-1.67-1.78-1.67-4.713q0-3.19 1.744-4.985q1.745-1.793 4.713-1.793q2.832 0 4.416 1.744q1.596 1.744 1.596 4.836q0 3.031-1.72 4.862q-1.707 1.818-4.59 1.818Zm.148-11.553q-1.954 0-3.092 1.336q-1.138 1.323-1.138 3.661q0 2.252 1.15 3.55q1.15 1.3 3.08 1.3q1.967 0 3.019-1.275q1.063-1.274 1.063-3.624q0-2.375-1.063-3.662q-1.052-1.286-3.02-1.286ZM61.21 121.31q-.717.396-1.893.396q-3.327 0-3.327-3.711v-7.496h-2.177v-1.732h2.177v-3.092l2.029-.656v3.748h3.19v1.732h-3.19v7.137q0 1.274.433 1.819q.432.544 1.434.544q.767 0 1.324-.42zm1.942-.34v-2.177q1.657 1.224 3.649 1.224q2.672 0 2.672-1.78q0-.508-.235-.854a2.1 2.1 0 0 0-.619-.631a4.3 4.3 0 0 0-.915-.482a35 35 0 0 0-1.126-.458a16 16 0 0 1-1.484-.668a5 5 0 0 1-1.064-.767a3.1 3.1 0 0 1-.643-.977q-.21-.544-.21-1.274q0-.89.408-1.571a3.5 3.5 0 0 1 1.088-1.15a5 5 0 0 1 1.547-.706a7 7 0 0 1 1.806-.235q1.645 0 2.944.57v2.053q-1.398-.916-3.217-.916q-.57 0-1.026.136a2.5 2.5 0 0 0-.792.36a1.7 1.7 0 0 0-.507.568a1.5 1.5 0 0 0-.173.718q0 .493.173.828q.184.335.532.594q.346.26.841.47t1.126.458q.84.321 1.509.668a5 5 0 0 1 1.138.767q.47.42.717.977q.26.556.26 1.323q0 .94-.42 1.633q-.41.693-1.102 1.15a5.1 5.1 0 0 1-1.595.681a8 8 0 0 1-1.893.223q-1.954 0-3.39-.755zm17.39.34q-.716.396-1.892.396q-3.327 0-3.327-3.711v-7.496h-2.177v-1.732h2.177v-3.092l2.029-.656v3.748h3.19v1.732h-3.19v7.137q0 1.274.433 1.819q.432.544 1.434.544q.767 0 1.324-.42v1.731Zm9.316-10.49q-.532-.408-1.534-.408q-1.3 0-2.177 1.224q-.866 1.225-.866 3.34v6.457h-2.028v-12.666h2.028v2.61h.05q.434-1.336 1.323-2.078q.89-.755 1.992-.755q.79 0 1.212.174zm11.271 10.61H99.1v-1.98h-.05q-1.322 2.277-3.894 2.277q-1.893 0-2.97-1.002q-1.063-1.002-1.063-2.66q0-3.55 4.18-4.13l3.798-.533q0-3.228-2.61-3.228q-2.288 0-4.131 1.558v-2.078q1.867-1.187 4.305-1.187q4.465 0 4.465 4.725zm-2.03-6.407l-3.054.42q-1.41.198-2.128.705q-.717.495-.717 1.769q0 .928.656 1.522q.668.58 1.769.58q1.51 0 2.486-1.05q.99-1.063.99-2.685l-.001-1.261Zm7.93 4.577h-.05v7.657h-2.028v-18.493h2.029v2.226h.049q1.497-2.523 4.379-2.523q2.45 0 3.822 1.707q1.373 1.694 1.373 4.552q0 3.179-1.546 5.096q-1.547 1.905-4.23 1.905q-2.462 0-3.798-2.128zm-.05-5.109v1.77q0 1.57 1.015 2.671q1.027 1.089 2.597 1.089q1.843 0 2.883-1.41q1.05-1.41 1.05-3.922q0-2.115-.976-3.315q-.977-1.2-2.647-1.2q-1.77 0-2.845 1.237q-1.077 1.225-1.077 3.08"/><defs><linearGradient id="SVGycvCbcdS" x1="19.8" x2="129.708" y1="4.704" y2="91.95" gradientUnits="userSpaceOnUse"><stop stop-color="#9013fe"/><stop offset="1" stop-color="#6610f2"/></linearGradient><linearGradient id="SVGcOfoFb6x" x1="49.032" x2="73.598" y1="29.374" y2="70.922" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#f1e5fc"/></linearGradient><filter id="SVGgVVQzdBj" width="48.641" height="61.415" x="41.143" y="22.795" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".983"/><feGaussianBlur stdDeviation="1.965"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_2_2"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_2_2" result="shape"/></filter></defs></svg>

Cara memakai ikon Bootstrap Wordmark

React

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

<Icon icon="devicon:bootstrap-wordmark" width="24" />

Vue

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

<template>
  <Icon icon="devicon:bootstrap-wordmark" width="24" />
</template>

Svelte

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

<Icon icon="devicon:bootstrap-wordmark" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--bootstrap-wordmark]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:bootstrap-wordmark"></div>

Web component

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

<iconify-icon icon="devicon:bootstrap-wordmark"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/devicon/bootstrap-wordmark.svg" alt="Ikon Bootstrap Wordmark" width="24" height="24">

Ikon terkait di Devicon

Ikon bootstrap
bootstrap

Ikon Bootstrap Wordmark di set ikon lain

Ikon Bootstrap Wordmark dari Devicon Plain
Devicon Plain

FAQ Ikon Bootstrap Wordmark

Apakah ikon Bootstrap Wordmark gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Bootstrap Wordmark di React?

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

Bagaimana cara menambahkan ikon Bootstrap Wordmark ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/devicon/bootstrap-wordmark.svg" alt="Ikon Bootstrap Wordmark">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Devicon →