Website Development Browser Source Code icon

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

The Website Development Browser Source Code icon (streamline-freehand-color:website-development-browser-source-code) is a free SVG icon from the Freehand color icons set by Streamline. It is drawn on a 24 × 24 grid. Freehand color icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Freehand color icons
Author: Streamline
License: CC-BY-4.0
Size: 24 × 24
Category: ProgramingAppsWebsites
Tags: websitedevelopment, developmentbrowser, browsersource, sourcecode, websitedevelopmentbrowsersourcecode

Download SVG

SVG code

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

How to use the Website Development Browser Source Code icon

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>

HTML image

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

Related icons in Freehand color icons

Website Development Browser Source Code icon in other icon sets

Website Development Browser Source Code icon FAQ

Is the Website Development Browser Source Code icon free for commercial use?

Yes. Freehand color icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Website Development Browser Source Code icon in React?

Install @iconify/react and render <Icon icon="streamline-freehand-color:website-development-browser-source-code" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Website Development Browser Source Code icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/website-development-browser-source-code.svg" alt="Website Development Browser Source Code icon">, or paste the SVG code inline to style it with CSS.

Browse all Freehand color icons →