code 2 icon
code-2-filled from Reicon by REICON · Filled · IT · MIT Free for personal and commercial use.
- Name
- code-2-filled
- Set
- Reicon
- Style
- Filled
- Category
- IT
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
The same icon in other sets
More it icons from Reicon
Use the code 2 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.502 5.387a.75.75 0 0 0-1.004-1.115L5.761 5.836c-.737.663-1.347 1.212-1.767 1.71c-.44.525-.754 1.088-.754 1.784c0 .695.313 1.258.754 1.782c.42.499 1.03 1.049 1.767 1.711l1.737 1.564a.75.75 0 1 0 1.004-1.115l-1.697-1.527c-.788-.709-1.319-1.19-1.663-1.598c-.33-.393-.402-.622-.402-.817c0-.196.072-.425.402-.818c.344-.409.875-.889 1.663-1.598zm5.678-1.112a.75.75 0 0 1 .532.918l-3.987 15a.75.75 0 1 1-1.45-.386l3.987-15a.75.75 0 0 1 .918-.532m1.263 6.223a.75.75 0 0 1 1.059-.055l1.737 1.563c.737.663 1.347 1.213 1.767 1.711c.44.524.754 1.088.754 1.783s-.313 1.259-.754 1.783c-.42.498-1.03 1.048-1.767 1.71l-1.737 1.565a.75.75 0 1 1-1.004-1.116l1.697-1.526c.788-.71 1.319-1.19 1.663-1.599c.33-.392.402-.622.402-.817s-.072-.425-.402-.817c-.344-.41-.875-.89-1.663-1.599l-1.697-1.527a.75.75 0 0 1-.055-1.059"/></svg>
React
import type { SVGProps } from "react";
export function ReiconCode2Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.502 5.387a.75.75 0 0 0-1.004-1.115L5.761 5.836c-.737.663-1.347 1.212-1.767 1.71c-.44.525-.754 1.088-.754 1.784c0 .695.313 1.258.754 1.782c.42.499 1.03 1.049 1.767 1.711l1.737 1.564a.75.75 0 1 0 1.004-1.115l-1.697-1.527c-.788-.709-1.319-1.19-1.663-1.598c-.33-.393-.402-.622-.402-.817c0-.196.072-.425.402-.818c.344-.409.875-.889 1.663-1.598zm5.678-1.112a.75.75 0 0 1 .532.918l-3.987 15a.75.75 0 1 1-1.45-.386l3.987-15a.75.75 0 0 1 .918-.532m1.263 6.223a.75.75 0 0 1 1.059-.055l1.737 1.563c.737.663 1.347 1.213 1.767 1.711c.44.524.754 1.088.754 1.783s-.313 1.259-.754 1.783c-.42.498-1.03 1.048-1.767 1.71l-1.737 1.565a.75.75 0 1 1-1.004-1.116l1.697-1.526c.788-.71 1.319-1.19 1.663-1.599c.33-.392.402-.622.402-.817s-.072-.425-.402-.817c-.344-.41-.875-.89-1.663-1.599l-1.697-1.527a.75.75 0 0 1-.055-1.059"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.502 5.387a.75.75 0 0 0-1.004-1.115L5.761 5.836c-.737.663-1.347 1.212-1.767 1.71c-.44.525-.754 1.088-.754 1.784c0 .695.313 1.258.754 1.782c.42.499 1.03 1.049 1.767 1.711l1.737 1.564a.75.75 0 1 0 1.004-1.115l-1.697-1.527c-.788-.709-1.319-1.19-1.663-1.598c-.33-.393-.402-.622-.402-.817c0-.196.072-.425.402-.818c.344-.409.875-.889 1.663-1.598zm5.678-1.112a.75.75 0 0 1 .532.918l-3.987 15a.75.75 0 1 1-1.45-.386l3.987-15a.75.75 0 0 1 .918-.532m1.263 6.223a.75.75 0 0 1 1.059-.055l1.737 1.563c.737.663 1.347 1.213 1.767 1.711c.44.524.754 1.088.754 1.783s-.313 1.259-.754 1.783c-.42.498-1.03 1.048-1.767 1.71l-1.737 1.565a.75.75 0 1 1-1.004-1.116l1.697-1.526c.788-.71 1.319-1.19 1.663-1.599c.33-.392.402-.622.402-.817s-.072-.425-.402-.817c-.344-.41-.875-.89-1.663-1.599l-1.697-1.527a.75.75 0 0 1-.055-1.059"/></svg> </template>
CSS
.icon-code-2-filled {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.502%205.387a.75.75%200%200%200-1.004-1.115L5.761%205.836c-.737.663-1.347%201.212-1.767%201.71c-.44.525-.754%201.088-.754%201.784c0%20.695.313%201.258.754%201.782c.42.499%201.03%201.049%201.767%201.711l1.737%201.564a.75.75%200%201%200%201.004-1.115l-1.697-1.527c-.788-.709-1.319-1.19-1.663-1.598c-.33-.393-.402-.622-.402-.817c0-.196.072-.425.402-.818c.344-.409.875-.889%201.663-1.598zm5.678-1.112a.75.75%200%200%201%20.532.918l-3.987%2015a.75.75%200%201%201-1.45-.386l3.987-15a.75.75%200%200%201%20.918-.532m1.263%206.223a.75.75%200%200%201%201.059-.055l1.737%201.563c.737.663%201.347%201.213%201.767%201.711c.44.524.754%201.088.754%201.783s-.313%201.259-.754%201.783c-.42.498-1.03%201.048-1.767%201.71l-1.737%201.565a.75.75%200%201%201-1.004-1.116l1.697-1.526c.788-.71%201.319-1.19%201.663-1.599c.33-.392.402-.622.402-.817s-.072-.425-.402-.817c-.344-.41-.875-.89-1.663-1.599l-1.697-1.527a.75.75%200%200%201-.055-1.059%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.502%205.387a.75.75%200%200%200-1.004-1.115L5.761%205.836c-.737.663-1.347%201.212-1.767%201.71c-.44.525-.754%201.088-.754%201.784c0%20.695.313%201.258.754%201.782c.42.499%201.03%201.049%201.767%201.711l1.737%201.564a.75.75%200%201%200%201.004-1.115l-1.697-1.527c-.788-.709-1.319-1.19-1.663-1.598c-.33-.393-.402-.622-.402-.817c0-.196.072-.425.402-.818c.344-.409.875-.889%201.663-1.598zm5.678-1.112a.75.75%200%200%201%20.532.918l-3.987%2015a.75.75%200%201%201-1.45-.386l3.987-15a.75.75%200%200%201%20.918-.532m1.263%206.223a.75.75%200%200%201%201.059-.055l1.737%201.563c.737.663%201.347%201.213%201.767%201.711c.44.524.754%201.088.754%201.783s-.313%201.259-.754%201.783c-.42.498-1.03%201.048-1.767%201.71l-1.737%201.565a.75.75%200%201%201-1.004-1.116l1.697-1.526c.788-.71%201.319-1.19%201.663-1.599c.33-.392.402-.622.402-.817s-.072-.425-.402-.817c-.344-.41-.875-.89-1.663-1.599l-1.697-1.527a.75.75%200%200%201-.055-1.059%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/code-2-filled.svg?color=%231a73e8&size=48
