Ikon Website Development Browser Source Code

streamline-freehand-color:website-development-browser-source-code

Ikon Website Development Browser Source Code (streamline-freehand-color:website-development-browser-source-code) adalah ikon SVG gratis dari set Freehand color icons karya Streamline. Ikon ini digambar pada grid 24 × 24. Freehand color icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Freehand color icons
Pembuat: Streamline
Lisensi: CC-BY-4.0
Ukuran: 24 × 24
Kategori: Pemrograman, aplikasi, dan situs web
Tag: websitedevelopment, developmentbrowser, browsersource, sourcecode, websitedevelopmentbrowsersourcecode

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#0c6fff" d="M14.595 17.894c.74-.06 1.481-.16 2.212-.21c.73-.05 1.431-.18 2.152-.19c.466-.015.933.022 1.39.11a.35.35 0 0 0 .441-.25a.37.37 0 0 0-.25-.451a7.7 7.7 0 0 0-1.541-.31a22 22 0 0 0-2.272-.07q-1.306.037-2.602.21c-.23 0-.47.1-.7.14c.1-.21.2-.43.31-.64c.34-.611.7-1.212 1.07-1.812l2.092-3.073s.12-.33.23-.54q.182.134.31.32q.32.427.581.89c.6.952 1.201 1.952 1.731 2.953q.557.973 1.001 2.002a.365.365 0 0 0 .68-.26c-.3-.901-.68-1.812-1.08-2.703s-.86-1.76-1.301-2.602a5.8 5.8 0 0 0-1.05-1.44a1.6 1.6 0 0 0-1.002-.441a.72.72 0 0 0-.58.26q-.305.415-.56.86c-.35.531-.701 1.062-1.001 1.612s-.6 1.121-.861 1.711c-.26.59-.51 1.071-.75 1.612c-.24.54-.411 1-.591 1.47c-.41.091-.41.091-.81.201s-.361.48-.12.71c.209.109.448.144.68.1c.71-.09 1.46-.09 2.191-.17"/><path fill="#020202" d="M23.603 14.971c0-1.17-.05-2.332-.09-3.503c-.07-1.73-.17-3.472-.23-5.204c0-.8 0-1.761-.1-2.662a4.6 4.6 0 0 0-.611-1.861a1.7 1.7 0 0 0-1.101-.71a13.4 13.4 0 0 0-2.252-.06C17.698.96 14.155.86 12.644.88c-1.181 0-1.001.77.12.79c1.481 0 4.894.16 6.385.29c.46 0 1.2 0 1.831.06a.87.87 0 0 1 .68.32c.243.44.383.93.411 1.431q.068 1.282 0 2.562l.3 8.687c0 1.371.11 2.582.13 3.853v2.683c-2.361-.11-4.413-.21-6.545-.21c-1.45 0-2.241 0-3.893.13c-.55.11-.61.8 0 .75c1.652-.09 2.452-.07 3.903 0c2.282.06 4.454.25 7.006.44a.74.74 0 0 0 .53-.69c0-.4.09-1.391.09-1.431c.06-.79.07-1.522.07-2.242c0-1.07-.06-2.122-.06-3.333"/><path fill="#020202" d="M11.243 20.456c0-.69-.15-4.344-.21-4.944a2.13 2.13 0 0 0 1.07-.65q.229-.31.36-.671q.158-.49.2-1.001c0-.32.051-.64.051-1a8 8 0 0 0-.08-1.002a7.7 7.7 0 0 0-.41-2.051c-1.001-2.342-1.381-.761-1.051-3.643q.045-.615 0-1.231c0-.41 0-.82-.06-1.221c-.06-.4-.26-2.472-.29-2.732a.37.37 0 0 0-.731 0c0 .27-.11 2.341-.12 2.852s.02.8.02 1.24v1.222c.05.67.11 1.33.17 2.001l-.12.07c-.4.325-.707.75-.89 1.231a6 6 0 0 0-.431 1.592q-.132 1.182-.1 2.372q-.002.584.1 1.16c.064.314.193.611.38.871a1.67 1.67 0 0 0 1.151.65c-.06.741-.15 1.532-.2 2.373v1.32c0 .441 0 .881.05 1.322q.101 1.556.37 3.092a.38.38 0 0 0 .41.32a.36.36 0 0 0 .32-.4c-.04-.44.03-2.772.04-3.142m-.66-6.055a.58.58 0 0 1-.491-.22a1.3 1.3 0 0 1-.17-.42a4.4 4.4 0 0 1-.11-.951a18 18 0 0 1-.11-2.212c.034-.475.131-.943.29-1.391c.36-1.001 1.21-.61 1.511.33a7.2 7.2 0 0 1 .23 1.861q.022.426 0 .851q-.028.414-.1.82a4 4 0 0 1-.15.601c-.048.156-.13.3-.24.42a.9.9 0 0 1-.66.31"/><path fill="#0c6fff" d="M20.14 5.964a.36.36 0 0 0 0 .51a.93.93 0 0 1 .21.741a.6.6 0 0 1-.35.49a1.6 1.6 0 0 1-.871.08a2.7 2.7 0 0 1-.93-.28c-.311-.13-.291-.44-.161-.69a1.09 1.09 0 0 1 1-.67a.32.32 0 0 0 .401-.18a.31.31 0 0 0-.23-.381a2 2 0 0 0-2.212 1.12a1.41 1.41 0 0 0 .63 1.912c.432.229.905.365 1.392.4a2.53 2.53 0 0 0 1.501-.34a1.57 1.57 0 0 0 .72-1.4a1.76 1.76 0 0 0-.6-1.302a.35.35 0 0 0-.5-.01M6.78 4.703q-.233.015-.461.06c-1.431.3-1.331.48-1.331.63s0 .401 1.45.531q.24.022.481 0q.237-.021.47-.07c1.282-.29 1.442-.43 1.402-.71s-.19-.37-1.501-.44zm1.66 3.263a.37.37 0 0 0-.39-.34H6.21a7 7 0 0 0-.77.07q-.39.042-.771.13c-.59.14-1.151.33-1.742.47a.32.32 0 0 0-.28.35a.31.31 0 0 0 .34.32q1.051.069 2.102 0q.616-.057 1.22-.19c.601-.12 1.182-.29 1.792-.41a.37.37 0 0 0 .34-.4M4.908 13.34q.21.022.42 0a2 2 0 0 0 .43-.08c1.221-.32 1.301-.46 1.281-.72s-.18-.36-1.4-.421h-.421a2 2 0 0 0-.41.07c-1.321.32-1.261.51-1.251.65s-.14.38 1.35.501m-2.791 1.711a.31.31 0 0 0 .32.31c.63.08 1.23.18 1.851.22h.78q.403-.006.802-.06c.61-.07 1.21-.18 1.821-.27a.35.35 0 0 0 .35-.37a.36.36 0 0 0-.37-.35c-.62-.05-1.231-.13-1.842-.16h-.79a7 7 0 0 0-.78 0c-.621.07-1.212.21-1.832.31a.33.33 0 0 0-.31.37m5.324 2.322a5 5 0 0 0-.55 0a3.5 3.5 0 0 0-.571 0c-1.792.31-1.571.66-1.571.69s0 .331 1.61.481q.27.023.541 0q.266.015.53 0c1.432-.15 1.632-.17 1.642-.5s-.17-.48-1.631-.67"/><path fill="#020202" d="M8.1 21.917a34 34 0 0 0-3.613.06a8 8 0 0 1-1.45-.11c-1.702-.28-1.602-.3-1.532-2.142l.06-5.164v-4.544c0-1.54.08-3.002.19-4.543q.02-1.131.23-2.242c.062-.407.26-.78.56-1.06a.73.73 0 0 1 .341-.121q.435-.023.87 0q1.118-.036 2.233.05q.728.07 1.43.27a.32.32 0 1 0 .17-.61a7.7 7.7 0 0 0-1.53-.36a20 20 0 0 0-2.302-.16q-.57-.046-1.141 0c-.215.032-.42.11-.6.23a2.8 2.8 0 0 0-.971 1.49a14 14 0 0 0-.34 2.393a64 64 0 0 0-.34 4.613c-.061 1.551 0 3.063 0 4.614l.07 5.134a12 12 0 0 0 0 1.541c.011.233.095.457.24.64c.25.263.558.462.9.581q.666.214 1.361.29a9.7 9.7 0 0 0 1.611.06a30 30 0 0 1 3.443-.19a.36.36 0 0 0 .4-.33a.35.35 0 0 0-.29-.39"/></g></svg>

Cara memakai ikon Website Development Browser Source Code

React

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

<Icon icon="streamline-freehand-color:website-development-browser-source-code" width="24" />

Vue

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

<template>
  <Icon icon="streamline-freehand-color:website-development-browser-source-code" width="24" />
</template>

Svelte

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

<Icon icon="streamline-freehand-color:website-development-browser-source-code" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--website-development-browser-source-code]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:website-development-browser-source-code"></div>

Web component

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

<iconify-icon icon="streamline-freehand-color:website-development-browser-source-code"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/website-development-browser-source-code.svg" alt="Ikon Website Development Browser Source Code" width="24" height="24">

Ikon terkait di Freehand color icons

Ikon Website Development Browser Source Code di set ikon lain

FAQ Ikon Website Development Browser Source Code

Apakah ikon Website Development Browser Source Code gratis untuk penggunaan komersial?

Ya. Freehand color icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.

Bagaimana cara memakai ikon Website Development Browser Source Code di React?

Pasang @iconify/react lalu render <Icon icon="streamline-freehand-color:website-development-browser-source-code" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Website Development Browser Source Code ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/website-development-browser-source-code.svg" alt="Ikon Website Development Browser Source Code">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Freehand color icons →