descript icon logo

descript-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
descript-icon
Set
SVG Logos
Style
Color
Viewbox
256×302
License
CC0

Use the descript icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 302"><path fill="#f73b3b" d="M0 274.127c0 16.488 10.704 27.15 27.15 27.15h79.319c47.328 0 86.044-15.994 112.333-44.047H0zM106.469 0H27.15C10.704 0 0 10.663 0 27.15v16.898h218.843C192.513 15.995 153.797 0 106.469 0m69.228 193.579c0 13.329 8.695 21.983 22.065 21.983h47.534c5.372-13.37 9.023-28.053 10.704-43.925h-58.238c-13.37 0-22.065 8.654-22.065 21.983zm-65.865-85.757c0 13.33 8.694 21.982 22.064 21.982H256c-1.681-15.871-5.29-30.554-10.704-43.924h-113.4c-13.37 0-22.064 8.654-22.064 21.983zm22.023 85.757c0-13.329-8.694-21.983-22.065-21.983H0v43.925h109.79c13.37 0 22.065-8.654 22.065-21.983zM65.99 107.822c0-13.33-8.694-21.983-22.065-21.983H0v43.925h43.924c13.37 0 22.065-8.654 22.065-21.983z"/></svg>

React

import type { SVGProps } from "react";

export function LogosDescriptIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 302"><path fill="#f73b3b" d="M0 274.127c0 16.488 10.704 27.15 27.15 27.15h79.319c47.328 0 86.044-15.994 112.333-44.047H0zM106.469 0H27.15C10.704 0 0 10.663 0 27.15v16.898h218.843C192.513 15.995 153.797 0 106.469 0m69.228 193.579c0 13.329 8.695 21.983 22.065 21.983h47.534c5.372-13.37 9.023-28.053 10.704-43.925h-58.238c-13.37 0-22.065 8.654-22.065 21.983zm-65.865-85.757c0 13.33 8.694 21.982 22.064 21.982H256c-1.681-15.871-5.29-30.554-10.704-43.924h-113.4c-13.37 0-22.064 8.654-22.064 21.983zm22.023 85.757c0-13.329-8.694-21.983-22.065-21.983H0v43.925h109.79c13.37 0 22.065-8.654 22.065-21.983zM65.99 107.822c0-13.33-8.694-21.983-22.065-21.983H0v43.925h43.924c13.37 0 22.065-8.654 22.065-21.983z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 302"><path fill="#f73b3b" d="M0 274.127c0 16.488 10.704 27.15 27.15 27.15h79.319c47.328 0 86.044-15.994 112.333-44.047H0zM106.469 0H27.15C10.704 0 0 10.663 0 27.15v16.898h218.843C192.513 15.995 153.797 0 106.469 0m69.228 193.579c0 13.329 8.695 21.983 22.065 21.983h47.534c5.372-13.37 9.023-28.053 10.704-43.925h-58.238c-13.37 0-22.065 8.654-22.065 21.983zm-65.865-85.757c0 13.33 8.694 21.982 22.064 21.982H256c-1.681-15.871-5.29-30.554-10.704-43.924h-113.4c-13.37 0-22.064 8.654-22.064 21.983zm22.023 85.757c0-13.329-8.694-21.983-22.065-21.983H0v43.925h109.79c13.37 0 22.065-8.654 22.065-21.983zM65.99 107.822c0-13.33-8.694-21.983-22.065-21.983H0v43.925h43.924c13.37 0 22.065-8.654 22.065-21.983z"/></svg>
</template>

CSS

.icon-descript-icon {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20302%22%3E%3Cpath%20fill%3D%22%23f73b3b%22%20d%3D%22M0%20274.127c0%2016.488%2010.704%2027.15%2027.15%2027.15h79.319c47.328%200%2086.044-15.994%20112.333-44.047H0zM106.469%200H27.15C10.704%200%200%2010.663%200%2027.15v16.898h218.843C192.513%2015.995%20153.797%200%20106.469%200m69.228%20193.579c0%2013.329%208.695%2021.983%2022.065%2021.983h47.534c5.372-13.37%209.023-28.053%2010.704-43.925h-58.238c-13.37%200-22.065%208.654-22.065%2021.983zm-65.865-85.757c0%2013.33%208.694%2021.982%2022.064%2021.982H256c-1.681-15.871-5.29-30.554-10.704-43.924h-113.4c-13.37%200-22.064%208.654-22.064%2021.983zm22.023%2085.757c0-13.329-8.694-21.983-22.065-21.983H0v43.925h109.79c13.37%200%2022.065-8.654%2022.065-21.983zM65.99%20107.822c0-13.33-8.694-21.983-22.065-21.983H0v43.925h43.924c13.37%200%2022.065-8.654%2022.065-21.983z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20302%22%3E%3Cpath%20fill%3D%22%23f73b3b%22%20d%3D%22M0%20274.127c0%2016.488%2010.704%2027.15%2027.15%2027.15h79.319c47.328%200%2086.044-15.994%20112.333-44.047H0zM106.469%200H27.15C10.704%200%200%2010.663%200%2027.15v16.898h218.843C192.513%2015.995%20153.797%200%20106.469%200m69.228%20193.579c0%2013.329%208.695%2021.983%2022.065%2021.983h47.534c5.372-13.37%209.023-28.053%2010.704-43.925h-58.238c-13.37%200-22.065%208.654-22.065%2021.983zm-65.865-85.757c0%2013.33%208.694%2021.982%2022.064%2021.982H256c-1.681-15.871-5.29-30.554-10.704-43.924h-113.4c-13.37%200-22.064%208.654-22.064%2021.983zm22.023%2085.757c0-13.329-8.694-21.983-22.065-21.983H0v43.925h109.79c13.37%200%2022.065-8.654%2022.065-21.983zM65.99%20107.822c0-13.33-8.694-21.983-22.065-21.983H0v43.925h43.924c13.37%200%2022.065-8.654%2022.065-21.983z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/descript-icon.svg?color=%231a73e8&size=48