create link icon
create-link from Carbon by IBM · Outline · Tools · Apache-2.0 Free for personal and commercial use.
- Name
- create-link
- Set
- Carbon
- Style
- Outline
- Category
- Tools
- Viewbox
- 32×32
- License
- Apache 2.0
More tools icons from Carbon
Use the create link icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M7 8v3H5V8H2V6h3V3h2v3h3v2zm15.42 18.01l6.03-6.03c2.06-2.06 2.06-5.39 0-7.44s-5.39-2.06-7.44 0l1.41 1.41a3.277 3.277 0 0 1 4.62 0a3.277 3.277 0 0 1 0 4.62l-6.03 6.03a3.277 3.277 0 0 1-4.62 0a3.277 3.277 0 0 1 0-4.62l-1.41-1.41c-.99.99-1.54 2.33-1.54 3.73c0 2.91 2.36 5.26 5.27 5.26c1.4 0 2.74-.55 3.72-1.54zm-8.43 2.45l-1.41-1.41a3.27 3.27 0 0 1-4.6 0a3.27 3.27 0 0 1-.02-4.62l6.03-6.03l.02-.02c1.28-1.27 3.35-1.26 4.62.02s1.26 3.35-.02 4.62l1.41 1.41l.03-.03a5.26 5.26 0 0 0-.03-7.44a5.26 5.26 0 0 0-7.44.03l-6.03 6.03A5.27 5.27 0 0 0 5 24.74C5 27.65 7.37 30 10.27 30c1.4 0 2.74-.55 3.72-1.54"/></svg>
React
import type { SVGProps } from "react";
export function CarbonCreateLink(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M7 8v3H5V8H2V6h3V3h2v3h3v2zm15.42 18.01l6.03-6.03c2.06-2.06 2.06-5.39 0-7.44s-5.39-2.06-7.44 0l1.41 1.41a3.277 3.277 0 0 1 4.62 0a3.277 3.277 0 0 1 0 4.62l-6.03 6.03a3.277 3.277 0 0 1-4.62 0a3.277 3.277 0 0 1 0-4.62l-1.41-1.41c-.99.99-1.54 2.33-1.54 3.73c0 2.91 2.36 5.26 5.27 5.26c1.4 0 2.74-.55 3.72-1.54zm-8.43 2.45l-1.41-1.41a3.27 3.27 0 0 1-4.6 0a3.27 3.27 0 0 1-.02-4.62l6.03-6.03l.02-.02c1.28-1.27 3.35-1.26 4.62.02s1.26 3.35-.02 4.62l1.41 1.41l.03-.03a5.26 5.26 0 0 0-.03-7.44a5.26 5.26 0 0 0-7.44.03l-6.03 6.03A5.27 5.27 0 0 0 5 24.74C5 27.65 7.37 30 10.27 30c1.4 0 2.74-.55 3.72-1.54"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M7 8v3H5V8H2V6h3V3h2v3h3v2zm15.42 18.01l6.03-6.03c2.06-2.06 2.06-5.39 0-7.44s-5.39-2.06-7.44 0l1.41 1.41a3.277 3.277 0 0 1 4.62 0a3.277 3.277 0 0 1 0 4.62l-6.03 6.03a3.277 3.277 0 0 1-4.62 0a3.277 3.277 0 0 1 0-4.62l-1.41-1.41c-.99.99-1.54 2.33-1.54 3.73c0 2.91 2.36 5.26 5.27 5.26c1.4 0 2.74-.55 3.72-1.54zm-8.43 2.45l-1.41-1.41a3.27 3.27 0 0 1-4.6 0a3.27 3.27 0 0 1-.02-4.62l6.03-6.03l.02-.02c1.28-1.27 3.35-1.26 4.62.02s1.26 3.35-.02 4.62l1.41 1.41l.03-.03a5.26 5.26 0 0 0-.03-7.44a5.26 5.26 0 0 0-7.44.03l-6.03 6.03A5.27 5.27 0 0 0 5 24.74C5 27.65 7.37 30 10.27 30c1.4 0 2.74-.55 3.72-1.54"/></svg> </template>
CSS
.icon-create-link {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7%208v3H5V8H2V6h3V3h2v3h3v2zm15.42%2018.01l6.03-6.03c2.06-2.06%202.06-5.39%200-7.44s-5.39-2.06-7.44%200l1.41%201.41a3.277%203.277%200%200%201%204.62%200a3.277%203.277%200%200%201%200%204.62l-6.03%206.03a3.277%203.277%200%200%201-4.62%200a3.277%203.277%200%200%201%200-4.62l-1.41-1.41c-.99.99-1.54%202.33-1.54%203.73c0%202.91%202.36%205.26%205.27%205.26c1.4%200%202.74-.55%203.72-1.54zm-8.43%202.45l-1.41-1.41a3.27%203.27%200%200%201-4.6%200a3.27%203.27%200%200%201-.02-4.62l6.03-6.03l.02-.02c1.28-1.27%203.35-1.26%204.62.02s1.26%203.35-.02%204.62l1.41%201.41l.03-.03a5.26%205.26%200%200%200-.03-7.44a5.26%205.26%200%200%200-7.44.03l-6.03%206.03A5.27%205.27%200%200%200%205%2024.74C5%2027.65%207.37%2030%2010.27%2030c1.4%200%202.74-.55%203.72-1.54%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7%208v3H5V8H2V6h3V3h2v3h3v2zm15.42%2018.01l6.03-6.03c2.06-2.06%202.06-5.39%200-7.44s-5.39-2.06-7.44%200l1.41%201.41a3.277%203.277%200%200%201%204.62%200a3.277%203.277%200%200%201%200%204.62l-6.03%206.03a3.277%203.277%200%200%201-4.62%200a3.277%203.277%200%200%201%200-4.62l-1.41-1.41c-.99.99-1.54%202.33-1.54%203.73c0%202.91%202.36%205.26%205.27%205.26c1.4%200%202.74-.55%203.72-1.54zm-8.43%202.45l-1.41-1.41a3.27%203.27%200%200%201-4.6%200a3.27%203.27%200%200%201-.02-4.62l6.03-6.03l.02-.02c1.28-1.27%203.35-1.26%204.62.02s1.26%203.35-.02%204.62l1.41%201.41l.03-.03a5.26%205.26%200%200%200-.03-7.44a5.26%205.26%200%200%200-7.44.03l-6.03%206.03A5.27%205.27%200%200%200%205%2024.74C5%2027.65%207.37%2030%2010.27%2030c1.4%200%202.74-.55%203.72-1.54%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/create-link.svg?color=%231a73e8&size=48
